Why does nothing happen when clicking on the "button"?

Question

0.00/5 (No votes)

See more:

The markup is this (in _Layout.cshtml):

<button type="button" class="btn btn-default">@Html.ActionLink("Home", "Index", "Home")</button

But when I click on the button, nothing happens (the browser doesn't even try to load a different page.)

If I change it to this:

<button type="button" class="btn btn-default" onclick="location.href='@Url.Action("About", "Home")'">About</button>

It works, but of course loses some styling (the text color is black instead of blue). I'll figure that out myself.

Thanks!

Posted 9-Nov-14 6:27am

Marc Clifton

Add a Solution

Comments

Kornfeld Eliyahu Peter 9-Nov-14 12:32pm

ActionLink renders an a tag (anchor), however while wrapped inside a button the button 'eats' the click so a never got clicked...

Marc Clifton 10-Nov-14 8:53am

That's what I figured -- I must have mangled something when I was looking at some examples of how to do fancy buttons with Bootstrap and then incorrectly folded it into the existing Razor code the VS produces as a startup template.

Afzaal Ahmad Zeeshan 9-Nov-14 13:17pm

I'll figure that out myself. Not a good way to ask question. :-)

Kornfeld Eliyahu Peter 9-Nov-14 13:20pm

But he will even so...Believe him...

Afzaal Ahmad Zeeshan 9-Nov-14 13:22pm

Yeah, he is the Protector.

Kornfeld Eliyahu Peter 9-Nov-14 13:40pm

He much more than that...and long before...

2 solutions

Solution 2

I ended up changing the code to this:

<button type="button" class="btn btn-default btn-topbar" onclick="location.href='@Url.Action("Index", "Home")'">Home</button

So I could stick with the CSS that Bootstrap uses.

Posted 10-Nov-14 2:55am

Marc Clifton

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Suraj Sahoo | Coding Passion · Accepted Answer · 2014-11-09T07:39:00

Solution 1

I agree, if ActionLink is used why there is any need to add button tag. If there is a need to have button style, then only

HTML

@Html.ActionLink("Home", "Index", "Home",new{@class="Name"})

add a class that has the css for a similar looking button, else the second approach does the job Sir.
Thanks. :)

Posted 9-Nov-14 7:39am

Suraj Sahoo | Coding Passion

Updated 9-Nov-14 7:40am

v2