Adding class to ActionLink

Question

I have action link with login button

@Html.ActionLink("Login", "Login", "Account")

It works perfect redirecting user to Account controller Login action. But When I'm trying to add class to style this button:

@Html.ActionLink("Login", "Login", "Account", new { @class = "btn btn-primary btn-lg" })

It does get style and looks good, but it loses controller info and redirects user to Home/Login, instead of Account/Login

What about this? `,null, new {@class = "..."}` – Salah Akbari Oct 17 '18 at 07:50 — Salah Akbari, Oct 17 '18 at 07:50
don't get it, can you write full line ? – David Oct 17 '18 at 07:50 — David, Oct 17 '18 at 07:50
I have provided an answer. Please have a look at it. – Salah Akbari Oct 17 '18 at 07:51 — Salah Akbari, Oct 17 '18 at 07:51

Salah Akbari · Accepted Answer · 2018-10-17T08:51:12.200

2

You need to add a null parameter before your style, because it refers to routeValues:

@Html.ActionLink("Login", "Login", "Account", null, new { @class = "btn btn-primary btn-lg" })

Have a look at it's documentation Here.

edited Oct 17 '18 at 08:51

answered Oct 17 '18 at 07:51

Salah Akbari

39,330
10
79
109

1

thanks, now I get it – David Oct 17 '18 at 07:56

score 1 · Answer 2 · answered Oct 17 '18 at 07:51

The fourth parameter in your ActionLink helper refers to routeValues instead of htmlAttributes, which explains why you're redirected to another Login action.

You need to use ActionLink with 5 overloads like this:

@Html.ActionLink("Login", "Login", "Account", null, new { @class = "btn btn-primary btn-lg" })

score 1 · Answer 3 · answered Oct 17 '18 at 07:52

There is object routeValues parameter after ControllerName and no such overload as ActionLink(link text, action name, controller name, htmlAttributes), so try this:

@Html.ActionLink("Login", "Login", "Account", null, new { @class = "btn btn-primary btn-lg" })

score 0 · Answer 4 · answered Oct 17 '18 at 07:54

Instead of using this :

@Html.ActionLink("Login", "Login", "Account", new { @class = "btn btn-primary btn-lg" })

Use :

@Html.ActionLink("Login", "Login", "Account", null,new { @class = "btn btn-primary btn-lg" })

In 5 overloaded method you are setting htmlAttributes to the routeValues. That is why it doesn't behaves as you aspected.

Adding class to ActionLink

4 Answers4