ASP NET MVC3 Razor - Html ActionLink style

Question

I m trying to set the style of an action link like so      lt text gt  lt p gt Signed in as  Html ActionLink Context User Identity Name  Index  new   Controller  Account    style  text-transform capitalize      lt  p gt    I d expect this to be rendered as   lt p gt Signed in as  lt a href  Index  style  text-transform capitalize   gt MyName lt  a gt  lt  p gt    However  what s generated is   lt p gt Signed in as  lt a href   Account style text-transform 3Acapitalize 3B  gt MyName lt  a gt  lt  p gt    with the style appended to the url instead  What am I doing wrong

User · Answer

Reviving an old question because it seems to appear at the top of search results.

I wanted to retain transition effects while still being able to style the actionlink so I came up with this solution.

I wrapped the action link with a div that would contain the parent style:

<div class="parent-style-one">
      @Html.ActionLink("Homepage", "Home", "Home")
</div>

Next I create the CSS for the div, this will be the parent css and will be inherited by the child elements such as the action link.

  .parent-style-one {
     /* your styles here */
  }

Because all an action link is, is an element when broken down as html so you just need to target that element in your css selection:

  .parent-style-one a {
     text-decoration: none;
  }

For transition effects I did this:

  .parent-style-one a:hover {
        text-decoration: underline;
        -webkit-transition-duration: 1.1s; /* Safari */
        transition-duration: 1.1s;         
  }

This way I only target the child elements of the div in this case the action link and still be able to apply transition effects.

User · Answer

Here s the signature   public static string ActionLink this HtmlHelper htmlHelper                                   string linkText                                  string actionName                                  string controllerName                                  object values                                   object htmlAttributes    What you are doing is mixing the values and the htmlAttributes together  values are for URL routing   You might want to do this    Html ActionLink Context User Identity Name   Index    Account   null        new    style  text-transform capitalize

User · Answer

VB sample     Html ActionLink  Home    Index   Nothing  New With   style    font-weight bold     class    someClass      Sample Css    someClass       color  Green  important      In my case  I found that I need the  important attribute to over ride the site css a link css class

[css] ASP.NET MVC3 Razor - Html.ActionLink style

Examples related to css

Examples related to asp.net-mvc-3

Examples related to razor