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
– SLaks

2011-12-11 15:29:56 +00:00
Commented Dec 11, 2011 at 15:29 — SLaks
– SLaks, Commented Dec 11, 2011 at 15:29

Dangerous · Accepted Answer · 2011-12-11 15:46:57Z

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, 2011 at 15:46

Dangerous

4,9093 gold badges35 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ryan Smith Over a year ago

Sorry, it was a mistake on my part, turns out I had a CSS class overriding btn_c. Has been a long day...

Rich · Accepted Answer · 2021-02-21 13:43:28Z

0

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

answered Feb 21, 2021 at 13:43

Rich

1507 bronze badges

Collectives™ on Stack Overflow

ActionLink with multiple classes in ASP.NET MVC3

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related