ActionLink with multiple classes in ASP.NET MVC3

Question

I'm curious, is it possible to use multiple CSS classes on an ActionLink in MVC3 Razor syntax? The line below appears to load only the first class(btn) and skipps btn_c.

@Html.ActionLink("Administration", "Index", "Admin", null, new { @class = "btn btn_c" })

That's not true. Look in Firebug. – SLaks Dec 11 '11 at 15:29 — SLaks, Dec 11 '11 at 15:29

score 2 · Accepted Answer · answered Dec 11 '11 at 15:46

2

I've just used your existing ActionLink with the following css:

.btn
{
    color: yellow;
}

.btn_c
{
    background-color: red;
}

And it successfully produced the following output:

LinkOutput

answered Dec 11 '11 at 15:46

Dangerous

4,818
3
33
48

Sorry, it was a mistake on my part, turns out I had a CSS class overriding btn_c. Has been a long day... – Ryan Smith Dec 11 '11 at 15:49

score 0 · Answer 2 · answered Feb 21 '21 at 13:43

I am having this exact problem with bootstrap classes, I do not have another class overriding the bootstrap classes. In fact I verified through dev tools that I can add the "active" class to the "nav-link" class.

Here is my razor code:

@Html.ActionLink("Statement Info", "Edit", new { Controller = ViewBag.MyContoller}, new { name = "navAction", id = "Statements", @class = "nav-link active"})

When I view the element in dev tools, it only has the "nav-link" class

ActionLink with multiple classes in ASP.NET MVC3

2 Answers2

Linked