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, Jul 17 '18 at 08:26
Just create the Editor/DisplayTemplates folders inside Views/Shared folder and add a .cshtml — phuzi, Jul 17 '18 at 08:26
@PrashantPimpale sorry, i forgot to mention that i don't want to use TextBoxFor — David Walser, Jul 17 '18 at 08:32
@DavidWalser yep. Make sure the the model used by the template is also CreateTableColumnModels — phuzi, Jul 17 '18 at 08:33
@phuzi it's not working with the code above :/ the file is named CreateTableColumnModels.cshtml — David Walser, Jul 17 '18 at 08:39
What is wrong with using `TextBoxFor`? (they ultimately call the same code anyway). And there is no issue with validation. — , Jul 17 '18 at 09:07
@StephenMuecke for example when a field is for integers users are allowed to write chars into TextBoxFor, but NOT in EditorFor — David Walser, Jul 17 '18 at 09:10
@StephenMuecke hmm ok thanks, I'm fine with that solution :) — David Walser, Jul 17 '18 at 09:20

Hooman Bahreini · Answer 1 · 2018-07-17T10:33:57.693

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.

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

1 Answers1