How to use CSS on an Html.ActionLink in C#

c# css asp.net-mvc html.actionlink
pongahead picture pongahead · Mar 3, 2011 · Viewed 8.1k times · Source

I tried this code

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

and it links to the css so that I can style the link, but it changes the link to have a different URL that is not to my controller like it is without the new { @class = "NavLink" }. Is there any way to let me style these links without ruining my URLs so they go to the correct pages?

Thanks!

Answer

Darin Dimitrov picture Darin Dimitrov · Mar 3, 2011

Make sure you are using the proper overload:

<%: Html.ActionLink("Home", "Index", "Home", null, new { @class = "NavLink" })%>
                                              ^                ^
                                          routeValues    htmlAttributes

Related questions

Bundling not working in MVC5 when I turn on release mode

I have the following bundle configured in BundleConfig.cs: bundles.Add(new StyleBundle("~/bundles/css").Include( "~/assets/bootstrap/css/bootstrap.css", "~/assets/css/global/all.css")); and I reference it using the following: @Styles.Render("~/bundles/css") When I'm in …

Read More
Concatenate and minify JavaScript on the fly OR at build time - ASP.NET MVC

As an extension to this question here Linking JavaScript Libraries in User Controls I was after some examples of how people are concatenating and minifying JavaScript on the fly OR at build time. I would also like to see how …

Read More
How do you modify a CSS style in the code behind file for divs in ASP.NET?

I'm trying to modify a CSS style attribute for a div based on the information I get from a database table in the code behind of my aspx page. The following is essentially what I am trying to do, but …

Read More