Let&#39;s say I have a class

    public class ItemController:Controller
    {
        public ActionResult Login(int id)
        {
            return View(&quot;Hi&quot;, id);
        }
    }

On a page that is not located at the Item folder, where `ItemController` resides, I want to create a link to the `Login` method. So which `Html.ActionLink` method I should use and what parameters should I pass?

Specifically, I am looking for the replacement of the method 

    Html.ActionLink(article.Title,
        new { controller = &quot;Articles&quot;, action = &quot;Details&quot;,
              id = article.ArticleID })

that has been retired in the recent ASP.NET MVC incarnation. 

HTML.ActionLink method

Simple question, if you use the Html Helper from ASP.NET MVC Framework 1 it is easy to set a default value on a textbox because there is an overload `Html.TextBox(string name, object value)`.  When I tried using the *Html.TextBoxFor* method, my first guess was to try the following which did not work:

    &lt;%: Html.TextBoxFor(x =&gt; x.Age, new { value = &quot;0&quot;}) %&gt;

Should I just stick with Html.TextBox(string, object) for now?

How to set a default value with Html.TextBoxFor?

ASP.NET MVC can generate HTML elements using HTML Helpers, for example `@Html.ActionLink()`, `@Html.BeginForm()` and so on.

I know I can specify form attributes by creating an [anonymous object](http://msdn.microsoft.com/en-us/library/vstudio/bb397696.aspx) and pass that object for the (fourth in this case) `htmlAttributes` parameter where specifying an `id` for the element: 

    Html.BeginForm(&quot;Foo&quot;, &quot;Bar&quot;, FormMethod.Post, new { id = &quot;MyForm&quot;})

But what about the `class` attribute? Obviously this does not work:

    Html.BeginForm(&quot;Foo&quot;, &quot;Bar&quot;, FormMethod.Post, new { class = &quot;myclass&quot;})

As that just throws random syntax errors when my view is requested, because it expects something else after encountering the C# keyword `class`.

I&#39;ve also tried:

    new { _class = &quot;myclass&quot;}

and 

    new { class_ = &quot;myclass&quot;}

But they also did not work, as the [underscores get replaced by dashes](https://stackoverflow.com/questions/4108943/actionlink-htmlattributes).

I know that I can just as well write the HTML elements by hand or wrap the form inside a `&lt;div class=&quot;myClass&quot;&gt;`, but I&#39;d still be interested to know how it is supposed to be done. 

How can I add a class attribute to an HTML element generated by MVC&#39;s HTML Helpers?

Normally in an ASP.NET view one could use the following function to obtain a URL (not an `&lt;a&gt;`):

    Url.Action(&quot;Action&quot;, &quot;Controller&quot;);

However, I cannot find how to do it from a custom HTML helper. I have 

    public class MyCustomHelper
    {
       public static string ExtensionMethod(this HtmlHelper helper)
       {
       }
    }

The helper variable has the Action and GenerateLink methods, but they generate `&lt;a&gt;`’s. I did some digging in the ASP.NET MVC source code, but I could not find a straightforward way.

The problem is that the Url above is a member of the view class and for its instantiation it needs some contexts and route maps (which I don’t want to be dealing with and I’m not supposed to anyway). Alternatively, the instance of the HtmlHelper class has also some context which I assume is either supper of subset of the context information of the Url instance (but again I don’t want to dealing with it).

In summary, I think it is possible but since all ways I could see, involve some manipulation with some more or less internal ASP.NET stuff, I wonder whether there is a better way.

**Edit:** For instance, one possibility I see would be:

    public class MyCustomHelper
    {
        public static string ExtensionMethod(this HtmlHelper helper)
        {
            UrlHelper urlHelper = new UrlHelper(helper.ViewContext.RequestContext);
            urlHelper.Action(&quot;Action&quot;, &quot;Controller&quot;);
        }
    }

But it does not seem right. I don&#39;t want to be dealing with instances of UrlHelper myself. There must be an easier way.

Generate URL in HTML helper

I don&#39;t know if this was happening in the PR or Beta, but if I create an extension method on `HtmlHelper`, it is not recognized in a Razor powered page:

    namespace SomeNamespace.Extensions {
        public static class HtmlExtensions {
            public static string Foo(this HtmlHelper html) {
                return &quot;Foo&quot;;
            }
        }
    }

I added it to the `&lt;Namespaces&gt;` section in `Web.config`:

    &lt;pages&gt;
      &lt;namespaces&gt;
        &lt;add namespace=&quot;System.Web.Mvc&quot; /&gt;
        &lt;!-- snip --&gt;
        &lt;add namespace=&quot;SomeNamespace.Extensions&quot;/&gt;
      &lt;/namespaces&gt;
    &lt;/pages&gt;

But it throws a compile error when trying to view the page:

    @Html.Foo()

If I recreate the page with **WebForms** it works fine. What&#39;s the deal?

**Workaround**

If I include `@using SomeNamespace.Extensions` in my Razor view, then it works, but I&#39;d much rather just have it in `Web.config`

Razor HtmlHelper Extensions (or other namespaces for views) Not Found

Is there a `HTMLHelper` for file upload? Specifically, I am looking for a replace of

    &lt;input type=&quot;file&quot;/&gt;

using ASP.NET MVC HTMLHelper. 

Or, If I use 

    using (Html.BeginForm()) 

What is the HTML control for the file upload? 

Html helper for &lt;input type=&quot;file&quot; /&gt;

How do I create a readonly textbox in ASP.NET MVC3 with the Razor view engine?

Is there an HTMLHelper method available to do that?

Something like the following?

    @Html.ReadOnlyTextBoxFor(m =&gt; m.userCode)





How to create a readonly textbox in ASP.NET MVC3 Razor

I think that the title pretty much sums it up:

What&#39;s the difference between `RouteLink()` and `ActionLink()` in ASP.NET MVC?

i.e. when do you use `Html.RouteLink()` and when do you use `Html.ActionLink()` in your View?

What&#39;s the difference between RouteLink and ActionLink in ASP.NET MVC?

**[Enable intellisense on HTMLHelper attribute for css classes]**

I have this HTMLhelper:

    public IHtmlString MyTextBoxFor&lt;TModel, TProperty&gt;(
        this HtmlHelper&lt;TModel&gt; html, 
        Expression&lt;Func&lt;TModel, TProperty&gt;&gt; propertyExpression, 
        string cssClass)
    {
        // ...
    }

I want Resharper to give me IntelliSense for CSS classes defined in my application when passing the value for the &quot;cssClass&quot; parameter.

There are some code annotation attributes that Resharper recognizes, but none that seem directly related to marking a method parameter as being CSS classes.

The closest I could find was **[HtmlAttributeValue(string name)]**.
I tried to apply to the cssClass parameter like this:

    public IHtmlString MyTextBoxFor&lt;TModel, TProperty&gt;(
        this HtmlHelper&lt;TModel&gt; html, 
        Expression&lt;Func&lt;TModel, TProperty&gt;&gt; propertyExpression, 
        [HtmlAttributeValue(&quot;class&quot;)] string cssClass)
    {
        // ...
    }

But that doesn&#39;t work. It would also be super awesome if Resharper would recognize the entered class and stop bugging me about unknown CSS classes in jQuery selector expressions (that operate on the textbox generated by the helper above).

**Edit:**
Here&#39;s a screenshot of the kind of intellisense that is working for the &quot;htmlAttributes&quot; parameter of an action method. This is accomplished by using the [HtmlElementAttributes] annotation on the parameter.

[![Resharper htmlAttributes intellisense][1]][1]

I want a similar annotation that lets me put css classes in a string parameter and have the same intellisense appear showing css classes.


  [1]: http://i.stack.imgur.com/scT6s.png

How do you tell Resharper that a method parameter is a string containing a CSS class?

I&#39;m building an *ASP.NET MVC* application, using *VB.NET* and I&#39;m trying to apply a css class to a `Html.ActionLink` using the code:

    &lt;%=Html.ActionLink(&quot;Home&quot;, &quot;Index&quot;, &quot;Home&quot;, new {@class = &quot;tab&quot; })%&gt;

But when I run the code I receive the below error:

&gt;Compiler Error Message: BC30988: Type or &#39;With&#39; expected.

I&#39;m new to *MVC* and really haven&#39;t much of a clue what I&#39;m doing so I can&#39;t see what&#39;s wrong there as I&#39;m using code based of an example elsewhere.

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

Although I have read the documentation on Html.HiddenFor, I&#39;ve not grasped what is it used for...

Could somebody explain its uses and give a short example?

Where should those helpers go in the code? 

What does Html.HiddenFor do?

Is it possible when using `Html.TextBoxFor` to override the name attribute?

I have tried with no success. I need to use TextBoxFor to get client side validation to work, however for reasons I won&#39;t go into I need the name of the textbox to be different from the generated one.

I have tried the following:  

    @Html.TextBoxFor(x =&gt; x.Data, new { name = Model.Key + &quot;_Data&quot;, id = Model.Key + &quot;_Data&quot; })

Which works for ID but not name. Is this possible?

**Update**: Looking into the code for TextBoxFor. It doesn&#39;t look like there is an easy way. Hopefully someone can prove me wrong.

ASP.NET MVC 3: Override &quot;name&quot; attribute with TextBoxFor

In razor engine I have used `LabelFor` helper method to display the name

But the display name is seems to be not good to display.
so i need to change my display name how to do it....



    @Html.LabelFor(model =&gt; model.SomekingStatus, new { @class = &quot;control-label&quot;}) 


How to change the display name for LabelFor in razor in mvc3?

How to add class attribute for following situation (Using ReturnUrl only):

    @using (Html.BeginForm(new { ReturnUrl = ViewBag.ReturnUrl }))
    {
    }

I want something like this: 

    @using (Html.BeginForm(new { ReturnUrl = ViewBag.ReturnUrl }, new { @class = &quot;login-form&quot; })) 
    {
    }

Adding CSS class to Html.BeginForm()

I want to set disable attribute based on a condition for Html.TextBoxFor in asp.net MVC like below

    @Html.TextBoxFor(model =&gt; model.ExpireDate, new { style = &quot;width: 70px;&quot;, maxlength = &quot;10&quot;, id = &quot;expire-date&quot; disabled = (Model.ExpireDate == null ? &quot;disable&quot; : &quot;&quot;) })

This helper has two output disabled=&quot;disabled &quot; or disabled=&quot;&quot;. both of theme make the textbox disable.

I want to disable the textbox if Model.ExpireDate == null else I want to enable it

Set disable attribute based on a condition for Html.TextBoxFor

Is there anyway to have a SelectList prepopulated on ViewModel with data-attributes ?

I want to do 

    @Html.DropdownListFor(m=&gt; m.CityId, Model.Cities);

so it generates code like :

    &lt;select id=&quot;City&quot; class=&quot;location_city_input&quot; name=&quot;City&quot;&gt;
        &lt;option data-geo-lat=&quot;-32.522779&quot; data-geo-lng=&quot;-55.765835&quot; data-geo-zoom=&quot;6&quot; /&gt;
        &lt;option data-geo-lat=&quot;-34.883611&quot; data-geo-lng=&quot;-56.181944&quot; data-geo-zoom=&quot;13&quot; data-geo-name=&quot;Montevideo&quot; data-child=&quot;.state1&quot; value=&quot;1&quot;&gt;Montevideo&lt;/option&gt;               
        &lt;option data-geo-lat=&quot;-34.816667&quot; data-geo-lng=&quot;-55.95&quot; data-geo-zoom=&quot;13&quot; data-geo-name=&quot;Canelones, Ciudad de la Costa&quot; data-child=&quot;.state41&quot; value=&quot;41&quot;&gt;Ciudad de la Costa&lt;/option&gt;
    &lt;/select&gt;



SelectListItem with data-attributes

this is weird.  I see references out there for @Html.Button() but when I type that Intellisense doesn&#39;t find such a helper... there&#39;s dropdownlist, hidden, editors, et cetera, but no button!

what&#39;s up with that?

There&#39;s no @Html.Button !

I have an ASP.Net MVC 3 web application and I am adding a check box to a view page using the HtmlHelper class, like this...

    @Html.CheckBox(&quot;CheckBox1&quot;, true, new { @class = &quot;Class1&quot; })

What I want to do is conditionally add the disabled attribute based on a view state property. Basically the following would be ideal...

    @Html.CheckBox(&quot;CheckBox1&quot;, true, new { @class = &quot;Class1&quot;, @disabled = Model.ReadOnly })

Unfortunately, due to the nature of the disabled attribute, this will not work because ***any*** value assigned to the disabled attribute (even &quot;false&quot;) will be translated as true.

I have already thought of a few solutions to get round this problem, so the question is not how can I do this. But rather, is there a simple way like the desired method above? or do I have to resort to one of the following?..

What I know I could do...

1. Create an if/else statement and write to different `Html.CheckBox` lines (not great for readability - and possible with throw a mark-up warning - not sure)

2. Skip the HtmlHelper class and hand write the tag allowing for better conditionally attributes (keeps the code shorter, but adds inconsistency)

3. Create a custom helper that takes a &quot;disabled&quot; parameter (the cleanest solution, but requires undesired extra methods - probably the best option so far though)

MVC 3: Conditionally Adding the Disabled Attribute with the HtmlHelpers

The problem in Html.ActionLink() is that you can&#39;t add additional html content inside the &lt;a&gt; tag that it generates.
For example, if you want to add an icon besides the text like:

    &lt;a href=&quot;/Admin/Users&quot;&gt;&lt;i class=&quot;fa fa-users&quot;&gt;&lt;/i&gt; Go to Users&lt;/a&gt;

Using Html.ActionLink(), you can only generate:

    &lt;a href=&quot;/Admin/Users&quot;&gt;Go to Users&lt;/a&gt;

So, to resolve this, you can use Url.Action() to generate only the URL inside the tag like:

    // Here, Url.Action could not generate the URL &quot;/admin/users&quot;. So this doesn&#39;t work.
    &lt;a href=&quot;@Url.Action(&quot;&quot;, &quot;Users&quot;, &quot;Admin&quot;)&quot;&gt;&lt;i class=&quot;fa fa-usesr&quot;&gt;&lt;/i&gt; Go to Users&lt;/a&gt;

    // This works, as we know it but won&#39;t pass the Area needed.
    &lt;a href=&quot;@Url.Action(&quot;&quot;, &quot;Users&quot;)&quot;&gt;&lt;i class=&quot;fa fa-users&quot;&gt;&lt;/i&gt; Go to Users&lt;/a&gt;

So, how do you pass the Area using Url.Action()?

How to pass Area in Url.Action?

Something pretty weird is happening with my app:

I have the following property in my ViewModel:

    public int? StakeholderId { get; set; }

It gets rendered in a *partial* view as follows:

    &lt;%= Html.Hidden(&quot;StakeholderId&quot;, Model.StakeholderId) %&gt;

The form is submitted, and the relevant controller action generates an id and updates the model, before returning the same view with the updated model 

The problem I&#39;m experiencing is that the hidden field does not have anything in its &quot;value&quot; attribute rendered the second time even though StakeholderId now has a value. 

If I just output the value on its own, it shows up on the page, so I&#39;ve got it to render the value by doing this:

    &lt;input type=&quot;hidden&quot; id=&quot;StakeholderId&quot; name=&quot;stakeholderId&quot; value=&quot;&lt;%: Model.StakeholderId %&gt;&quot; /&gt;

But it&#39;s pretty strange that the helper doesn&#39;t pick up the updated value?

(I&#39;m using jQuery to submit forms and render the action results into divs, but I&#39;ve checked and the html I get back is already wrong before jQuery does anything with it, so I don&#39;t think that has much to do with anything)


**UPDATE**

I&#39;ve since discovered that I can also clear the relevant ModelState key before my controller action returns the partial view.

ASP.NET MVC: Hidden field value does not get rendered using HtmlHelper.Hidden

I have some doubts about how to concatenate MvcHtmlString instances because of this information found in [MSDN][1] :

&gt; **MvcHtmlString Class** Represents an HTML-encoded string that
&gt; should not be encoded again

Do I risk that strings are HTML-encoded twice when using code like this:

    var label = Html.LabelFor(model =&gt; model.Email);
    var textbox = Html.TextBoxFor(model =&gt; model.Email);
    var validation = Html.ValidationMessageFor(model =&gt; model.Email);

    var result = MvcHtmlString.Create(
      label.ToString() + textbox.ToString() + validation.ToString());

(note: this is supposed to go into an HtmlHelper extension method to reduce code-duplication in views).


  [1]: http://msdn.microsoft.com/en-us/library/system.web.mvc.mvchtmlstring.aspx

How to concatenate several MvcHtmlString instances

I have an ASP.Net MVC 4 app and am using the Url.Action helper like this: `@Url.Action(&quot;Information&quot;, &quot;Admin&quot;)`

This page is used for both adding a new and edit an admin profile. The URLs are as follows:

     Adding a new:       http://localhost:4935/Admin/Information
     Editing Existing:   http://localhost:4935/Admin/Information/5 &lt;==Admin ID

When I&#39;m in the `Editing Existing` section of the site and decide that I would like to add a new admin I click on the following link:  

     &lt;a href=&quot;@Url.Action(&quot;Information&quot;, &quot;Admin&quot;)&quot;&gt;Add an Admin&lt;/a&gt;

The problem however that the above link is actually going to `http://localhost:4935/Admin/Information/5`. This only happens when I&#39;m in that page editing an existing admin. Anywhere else on the site it links correctly to `http://localhost:4935/Admin/Information`

Has anyone else seen this?

**UPDATE:** 

RouteConfig:

            routes.MapRoute(
                name: &quot;Default&quot;,
                url: &quot;{controller}/{action}/{id}&quot;,
                defaults: new { controller = &quot;Home&quot;, action = &quot;Index&quot;, id = UrlParameter.Optional }
            );    

URL.Action() including route values

I have a view with a button. When the user clicks the button I want them redirected to a data entry view. How do I accomplish this? I should mention the views are created, tested, and functioning. I can get to them by typing the url.

I looked for steps explaining how to wire up the onclick event of the button but I&#39;m new to MVC and kinda lost at this point.

Thanks!


How do I redirect a user when a button is clicked?

I can find a good definition for Html.HiddenFor on MSDN but the only thing I can find on Html.Hidden is related to problems it has.

Can someone give me a good definition and an example.



What is the difference between Html.Hidden and Html.HiddenFor

What is the best way to retrieve the display name attribute for an item in your model? I see a lot of people using the LabelFor helper for everything, but a label isn&#39;t appropriate if I just want to list the data out. Is there an easy way just get the Name Attribute if I just want to print it out in, say a paragraph?

Get DisplayName Attribute without using LabelFor Helper in asp.net MVC

I have a problem with MVC3

I&#39;m trying to use `@Html.ActionLink()` to generate a Link for titles in my blog project.

Using constant strings in `ActionLink` works just dandy, but if I use `Posts.Title` (the Title of the current Post model being looped), I get this exception:

    CS1973: &#39;System.Web.Mvc.HtmlHelper&lt;dynamic&gt;&#39; has no applicable method 
    named &#39;ActionLink&#39; but appears to have an extension method by that name.  
    Extension methods cannot be dynamically dispatched. Consider casting  
    the dynamic arguments or calling the extension method without the  
    extension method syntax.

Html.ActionLink cannot be dynamically dispatched

    @Html.HiddenFor(model =&gt; model.title, new { id= &quot;natureOfVisitField&quot;, @value = &#39;@Model.title&#39;})

it doesen&#39;t work! how to set the value?

HTML.HiddenFor value set

I am writing a dirty little extension method for HtmlHelper so that I can say something like HtmlHelper.WysiwygFor(lambda) and display the CKEditor.

I have this working currently but it seems a bit more cumbersome than I would prefer.  I am hoping that there is a more straight forward way of doing this.

Here is what I have so far.

    public static MvcHtmlString WysiwygFor&lt;TModel, TProperty&gt;(this HtmlHelper&lt;TModel&gt; helper, Expression&lt;Func&lt;TModel, TProperty&gt;&gt; expression)
    {
        return MvcHtmlString.Create(string.Concat(&quot;&lt;textarea class=\&quot;ckeditor\&quot; cols=\&quot;80\&quot; id=\&quot;&quot;,
                                            expression.MemberName(), &quot;\&quot; name=\&quot;editor1\&quot; rows=\&quot;10\&quot;&gt;&quot;, 
                                            GetValue(helper, expression),
                                            &quot;&lt;/textarea&gt;&quot;));
    }
    
    private static string GetValue&lt;TModel, TProperty&gt;(HtmlHelper&lt;TModel&gt; helper, Expression&lt;Func&lt;TModel, TProperty&gt;&gt; expression)
    {
        MemberExpression body = (MemberExpression)expression.Body;
        string propertyName = body.Member.Name;
        TModel model = helper.ViewData.Model;
        string value = typeof(TModel).GetProperty(propertyName).GetValue(model, null).ToString();
        return value;
    }
    
    private static string MemberName&lt;T, V&gt;(this Expression&lt;Func&lt;T, V&gt;&gt; expression)
    {
        var memberExpression = expression.Body as MemberExpression;
        if (memberExpression == null)
                throw new InvalidOperationException(&quot;Expression must be a member expression&quot;);
                
        return memberExpression.Member.Name;
    }

Thanks!

What is the easiest way to get the property value from a passed lambda expression in an extension method for HtmlHelper?

I’m fairly new at C# and MVC and have used lambdas on certain occasions, such as for anonymous methods and on LINQ.

Usually I see lambda expressions that look something like this:

    (x =&gt; x.Name), (x =&gt; { Console.WriteLine(x))

I understand that lambda = &quot;goes to&quot;. I have never seen a lambda expression where the left parameter is not used.

I don’t know how to translate this lambda expression though

    @Html.DisplayFor(modelItem =&gt; item.FirstName)

Can anyone shed some light on this one for me? Shouldn’t this be 

    (modelItem =&gt; modelItem.FirstName)?

I got this from Microsoft&#39;s [Introduction to ASP.NET MVC tutorial](http://www.asp.net/mvc/tutorials/mvc-5/introduction/accessing-your-models-data-from-a-controller).

I want to understand the lambda expression in @Html.DisplayFor(modelItem =&gt; item.FirstName)

I have the following MVC 5 Razor HTML helper:

    @Html.TextBoxFor(m =&gt; m.ShortName, 
      new { @class = &quot;form-control&quot;, @placeholder = &quot;short name&quot;})

I need this field to be required (i.e. have a red outline when user navigates out without putting a value inn). In a WebForms HTML 5 I could just say `&lt;input type=&quot;text&quot; required /&gt;` to have this effect.
What is the proper syntax to accomplish this in a Razor syntax?

How to add &quot;required&quot; attribute to mvc razor viewmodel text input editor

HTML5 appears to support a new range of [input fields](http://diveintohtml5.info/forms.html) for [things such as](http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#states-of-the-type-attribute):

* Numbers
* Email addresses
* Colors
* URLs
* Numeric range (via a slider)
* Dates
* Search boxes

Has anyone implemented `HtmlHelper` extension methods for ASP.NET MVC that generates these yet?  It&#39;s possible to do this using an overload that accepts `htmlAttributes`, such as:

    Html.TextBoxFor(model =&gt; model.Foo, new { type=&quot;number&quot;, min=&quot;0&quot;, max=&quot;100&quot; })

But that&#39;s not as nice (or typesafe) as:

    Html.NumericInputFor(model =&gt; model.Foo, min:0, max:100)



ASP.NET MVC HTML helper methods for new HTML5 input types

I&#39;m using MVC areas and on a view that&#39;s in an area called &quot;Test&quot; I would like to have a form that posts to the following method:

    area: Security
    controller: AccountController
    method: logon

How can I make this happen with Html.BeginForm? Can it be done?

MVC Html.BeginForm using Areas

I have a view with a model of type `List&lt;string&gt;` and I want to place a drop down list on the page that contains all strings from the list as items in the drop down. I am new to MVC, how would I accomplish this?

I tried this:

    @model List&lt;string&gt;
    @Html.DropDownListFor(x =&gt; x)

but that threw an error.


All Html Helper Solutions on Gang of Coders

Total of 33 Html Helper Solutions