How to include CSS Class in ActionLink in MVC4

Question

My code is

@Html.ActionLink("test1", "Index", new { Area = "area1", Controller = "controller1" })

I want to include the following css class in the action link.

 class="rtsLink"

Also, can we add multiple css class. If so, I need to add another css class.

class="rtsTxt"

Update:

<li class="rtsLI" id="Summary"><a href="javascript:void(0);" onclick="javascript:rtsXXX.OnClientTabSelected(this‌, 0);" class="rtsLink"><span class="rtsTxt">Test</span></a></li>

Above I am replacing with following actionlink:

<li class="rtsLI" >@Html.ActionLink("test1", "Index", new { Area = "Tools", Controller = "controller1" }, new { @class = "rtsLink rtsTxt"})</li> "

At first css is working fine. But when using Actionlink, css not working. Thanks

ten5peed · Accepted Answer · 2012-08-31 05:50:26Z

13

You can simply add a new anonymous object as the fourth parameter

@Html.ActionLink("User Security", "Index", new { Area = "Tools", Controller = "UserSecurity" }, new { @class = "rtsLink rtsTxt" })

Note that the word class is reserved in C#, so you must prefix it with an @.

answered Aug 31, 2012 at 5:50

ten5peed

15.9k3 gold badges62 silver badges74 bronze badges

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

4 Comments

ten5peed Over a year ago

Strange... there's no reason it shouldn't work. What does the rendered html look like?

Yasser Shaikh Over a year ago

have you included link to your .css file(on the page you are using this) where these classes are defined ?

AliRıza Adıyahşi Over a year ago

It must work. Html.ActionLink usage is true. microtuts.com/…

user1537319 Over a year ago

<li class="rtsLI" id="Summary"><a href="javascript:void(0);" onclick="javascript:rtsMemoTextMenuContainerTabsManager.OnClientTabSelected(this, 0);" class="rtsLink"><span class="rtsTxt">User Security</span></a></li> Above I am replacing with following actionlink:<li class="rtsLI" >@Html.ActionLink("User Security", "Index", new { Area = "Tools", Controller = "UserSecurity" }, new { @class = "rtsLink rtsTxt"})</li> " At first css is working fine. But when using Actionlink, css not working. Thanks

VJAI · Accepted Answer · 2012-08-31 11:49:27Z

2

Since you have a span inside anchor. You could try this.

<li class="rtsLI" id="Summary">
   <a href="@Url.Action("Index", new { Area = "Tools", Controller = "UserSecurity" })" 
      class="rtsLink">
       <span class="rtsTxt">User Security</span>
    </a>
</li>

answered Aug 31, 2012 at 11:49

VJAI

32.9k23 gold badges108 silver badges166 bronze badges

1 Comment

Chandan Kumar Over a year ago

Excellent. Thumbs Up.

Collectives™ on Stack Overflow

How to include CSS Class in ActionLink in MVC4

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related