Change class of @Html.EditorFor / customize template | ASP .NET MVC 4

Question

I want to change the class/style of my @Html.EditorFor field. I read something about customizing the template, but there is no template folder in my porject (Views/Shared/ONLY_FILES_HERE). Sadly I am NOT working with MVC 5.1.

Also I DON'T want to use TextBoxFor, because of inputvalidation.

How can I achieve this?

Here is a snippet of my model:

public class CreateTableColumnModels
{
    [RegularExpression(@"^[A-Za-z0-9]+$", ErrorMessage = "Use letters and numbers only please")]
    [Display(Name = "Name")]
    public string Name { get; set; }

I tried this:

@model QlikViewStammdaten.Models.CreateTableColumnModels
<div>
    @Html.EditorFor(x => Model.Name, new { @class = "form-control" })
</div>

Have tried with : @Html.EditorFor(x=> x.MyProperty, new { htmlAttributes = new { @class = "MyCssClass" } }) — Prashant Pimpale
– Prashant Pimpale, Commented Jul 17, 2018 at 8:26
Just create the Editor/DisplayTemplates folders inside Views/Shared folder and add a <classname>.cshtml — phuzi
– phuzi, Commented Jul 17, 2018 at 8:26
What is wrong with using TextBoxFor? (they ultimately call the same code anyway). And there is no issue with validation. — user3559349
– user3559349, Commented Jul 17, 2018 at 9:07

Hooman Bahreini · Accepted Answer · 2018-07-17 10:33:57Z

1

As already mentioned in the comments, it is better to add a class to Html.TextBoxFor and NOT @Html.EditorFor. Why? because @Html.EditorFor renders a template and that template could contain multiple controls (now to which one of those controls do you want to add the class?)... see Adding a class to EditorFor

If you want numeric type, then add @type = "number"

@Html.TextBoxFor(m => m.Name, new { @class = "form-control", @type = "number"  })

Note: it is not x => Model.Name but m => m.Name

I am sure you already know this, but [Display(Name = "Name")] is redundant in your model, as the default display name is the variable name itself.

edited Jul 17, 2018 at 10:33

answered Jul 17, 2018 at 9:49

Hooman Bahreini

15.7k11 gold badges87 silver badges158 bronze badges

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

Collectives™ on Stack Overflow

Change class of @Html.EditorFor / customize template | ASP .NET MVC 4

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related