How do I apply a CSS class to Html.ActionLink in ASP.NET MVC?

Question

I'm building an ASP.NET MVC application, using VB.NET and I'm trying to apply a css class to a Html.ActionLink using the code:

<%=Html.ActionLink("Home", "Index", "Home", new {@class = "tab" })%>

But when I run the code I receive the below error:

Compiler Error Message: BC30988: Type or 'With' expected.

I'm new to MVC and really haven't much of a clue what I'm doing so I can't see what's wrong there as I'm using code based of an example elsewhere.

There is no such a signature for Html.ActionLink method with (string, string, string, object). — twk
– twk, Commented Sep 18, 2009 at 13:25
Is there anyway to do this without using an anonymous class? — 3Dave
– 3Dave, Commented Mar 18, 2010 at 21:47

Leniel Maccaferri · Accepted Answer · 2011-11-12 20:06:03Z

161

@ewomack has a great answer for C#, unless you don't need extra object values. In my case, I ended up using something similar to:

@Html.ActionLink("Delete", "DeleteList", "List", new object { },
new { @class = "delete"})

edited Nov 12, 2011 at 20:06

Leniel Maccaferri

103k48 gold badges380 silver badges495 bronze badges

answered Jun 15, 2011 at 21:25

adamgede

2,1522 gold badges15 silver badges9 bronze badges

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

1 Comment

xec Over a year ago

If you don't need the route values you can also pass null as the 4th argument: @Html.ActionLink("Delete", "DeleteList", "List", null, new { @class = "delete"})

Liam · Accepted Answer · 2014-10-15 08:54:30Z

60

In C# it also works with a null as the 4th parameter.

@Html.ActionLink( "Front Page", "Index", "Home", null, new { @class = "MenuButtons" })

edited Oct 15, 2014 at 8:54

Liam

30k28 gold badges143 silver badges206 bronze badges

answered Jan 17, 2014 at 21:50

coding_is_fun

1,06110 silver badges5 bronze badges

1 Comment

Suman Thapa Magar Over a year ago

This is Helpful because when you add null, you are getting a standard and clean url request

Eduardo Molteni · Accepted Answer · 2019-11-26 19:31:57Z

50

It is:

<%=Html.ActionLink("Home", "Index", MyRouteValObj, new with {.class = "tab" })%>

In VB.net you set an anonymous type using

new with {.class = "tab" }

and, as other point out, your third parameter should be an object (could be an anonymous type, also).

edited Nov 26, 2019 at 19:31

answered Sep 18, 2009 at 13:24

Eduardo Molteni

39.5k25 gold badges145 silver badges212 bronze badges

Comments

ewomack · Accepted Answer · 2011-05-13 19:45:27Z

35

This syntax worked for me in MVC 3 with Razor:

@Html.ActionLink("Delete", "DeleteList", "List", new { ID = item.ID, ListID = item.id }, new {@class= "delete"})

answered May 13, 2011 at 19:45

ewomack

75313 silver badges29 bronze badges

Comments

César León · Accepted Answer · 2016-05-11 13:19:06Z

21

This works for MVC 5

@Html.ActionLink("LinkText", "ActionName", new { id = item.id }, new { @class = "btn btn-success" })

answered May 11, 2016 at 13:19

César León

3,1001 gold badge23 silver badges18 bronze badges

2 Comments

mggSoft Over a year ago

For using in a MVC 5 ActionLink with parameters: @Html.ActionLink("Text of the link", "Action", "Controller name", new { myParam = "XXX" }, new { @style = "color:black" } )

Clancinio Over a year ago

@mggSoft YES!! This worked for me using MVC 5. Thank you

H Sampat · Accepted Answer · 2010-01-06 13:46:16Z

3

In VB.NET

<%=Html.ActionLink("Contact Us", "ContactUs", "Home", Nothing, New With {.class = "link"})%>

This will assign css class "link" to the Contact Us.

This will generate following HTML :

<a class="link" href="www.domain.com/Home/ContactUs">Contact Us</a>

answered Jan 6, 2010 at 13:46

H Sampat

1,0291 gold badge9 silver badges10 bronze badges

Comments

HO LI Pin · Accepted Answer · 2022-11-27 06:55:52Z

1

This will work , tested in MVC core 6

Good code readability
it allow you set other html attributes , eg i use target attribute to open new tab
it allow you set class value , eg i use bootstrap convert hyperlink to button

it allow you apply custom inline style

     @Html.ActionLink(
             linkText: "Button\Hyperlink Label",
             actionName: "Index",
             controllerName: "Home",
             routeValues: new { Id = @item.ToString() },
             htmlAttributes: new { target = "_blank",@class="btn" , @style="background-color:lightblue;margin: 10px 30px;"})

edited Nov 27, 2022 at 6:55

answered Nov 27, 2022 at 6:43

HO LI Pin

1,73917 silver badges17 bronze badges

Collectives™ on Stack Overflow

How do I apply a CSS class to Html.ActionLink in ASP.NET MVC?

7 Answers 7

1 Comment

1 Comment

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

1 Comment

1 Comment

Comments

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related