HTML.EditorFor adding class not working

Question

I have problem with adding css class to HTML.EditorFor(). I was searching on the net if someone had the same problem but I couldn't find anything.

Can you please help me? So, its not problem about css that class is not defined, it is, but simply, its not added to input field. This is the code in view:

@model eVinogradarstvo.Models.DetaljiViewModel

@{
    ViewBag.Title = "Edit";
}

@using (Html.BeginForm("PromijeniPodatke", "KorisnikDetalji", FormMethod.Post, new { enctype = "multipart/form-data",@class="form-horizontal" }))
{
@Html.AntiForgeryToken()

<div class="col-sm-12">
    @Html.ValidationSummary(true)
    @Html.HiddenFor(model => model.kd.id)
    @Html.HiddenFor(model => model.kd.korisnik_id)
    @Html.HiddenFor(model => model.kd.slika)
    @Html.HiddenFor(model => model.kd.dokument_id)
    <table class="table table-responsive">
        <tr>
            <td>Slika profila</td>
            <td><input type="file" name="uploadImages" class="input-files" /></td>
        </tr>
        <tr>
            <td>@Html.DisplayNameFor(model => model.kd.ime)</td>
            <td>
                @Html.EditorFor(model => model.kd.ime, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.kd.ime)
            </td>
        </tr>
        <tr>
            <td>@Html.DisplayNameFor(model => model.kd.prezime)</td>
            <td>
                @Html.EditorFor(model => model.kd.prezime, new { @class = "form-control" })
                @Html.ValidationMessageFor(model => model.kd.prezime)
            </td>
        </tr>
        <tr>
            <td>@Html.DisplayNameFor(model => model.kd.adresa)</td>
            <td>
                @Html.EditorFor(model => model.kd.adresa, new { @class = "form-control" })
                @Html.ValidationMessageFor(model => model.kd.adresa)
            </td>
        </tr>
        <tr>
            <td>@Html.DisplayNameFor(model => model.kd.grad)</td>
            <td>
                @Html.EditorFor(model => model.kd.grad)
                @Html.ValidationMessageFor(model => model.kd.grad)
            </td>
        </tr>
        <tr>
            <td>@Html.DisplayNameFor(model => model.kd.drzava)</td>
            <td>
                @Html.EditorFor(model => model.kd.drzava)
                @Html.ValidationMessageFor(model => model.kd.drzava)
            </td>
        </tr>
        <tr>
            <td>@Html.DisplayNameFor(model => model.kd.datum_rodenja)</td>
            <td>
                @Html.EditorFor(model => model.kd.datum_rodenja)
                @Html.ValidationMessageFor(model => model.kd.datum_rodenja)
            </td>
        </tr>
        <tr>
            <td>Mjerna jedinica težine</td>
            <td>
                @Html.DropDownListFor(model => model.kd.mj_tezine, new SelectList(Model.DDLtezina, "vrijednost", "opis"))
                @Html.ValidationMessageFor(model => model.kd.mj_tezine)
            </td>
        </tr>
        <tr>
            <td>Mjerna jedinica tekućine</td>
            <td>
                @Html.DropDownListFor(model => model.kd.mj_tekucine, new SelectList(Model.DDLtekucina, "vrijednost", "opis"))
                @Html.ValidationMessageFor(model => model.kd.mj_tekucine)
            </td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="Spremi" class="btn btn-default" /></td>
        </tr>
    </table>
</div>

}

Any suggestions?

See this [stackoverflow.com/questions/4576209/… [1]: stackoverflow.com/questions/4576209/… — Ali Adravi
– Ali Adravi, Commented Jan 13, 2015 at 16:05
I've already saw this, and my syntax is correct. I've tried everything from there except adding classes with jquery...it doesn't make any sense if I add classes dynamically when this has to work...Maybe it is some kind of bug or something? Or I am missing something... — Veki
– Veki, Commented Jan 13, 2015 at 16:10
@Veki So you have created a custom editor template as the accepted answer in that question says? Can you add the code for that to your question? — Rhumborl
– Rhumborl, Commented Jan 13, 2015 at 16:13
Why you are so sticky with EditFor, why cannot use TextBoxFor and everything will work, as you want. — Ali Adravi
– Ali Adravi, Commented Jan 13, 2015 at 16:17
Actually no, because I've found that this is ok syntax, and it must work. That is why I am asking this question. Why it is not working and it should be... — Veki
– Veki, Commented Jan 13, 2015 at 16:20

Erik Funkenbusch · Accepted Answer · 2015-01-13 18:32:22Z

7

EditorFor in ASP.NET MVC 3 does not support passing CSS to the generated HTML in this manner. You have to create a custom editor template and pass custom ViewData entries and do it manually (as the linked answers above show).

This was corrected in MVC 5.1, but there is no way to make this work in MVC 3 with EditorFor if you aren't willing to create your own templates.

edited Jan 13, 2015 at 18:32

answered Jan 13, 2015 at 18:10

Erik Funkenbusch

93.7k29 gold badges201 silver badges292 bronze badges

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

5 Comments

Veki Over a year ago

5.1? Ok, now I know what is the problem, I am on MVC 5.0. Thank you very much, I will see if I am going to upgrade it to make it work, or I will change it to textboxfor.

Erik Funkenbusch Over a year ago

@Veki if you're on MVC 5 why did you mark the question as MVC 3?

Veki Over a year ago

Uf, I didn't see that, I was picking what he offered, and I suppose I didn't read good. I will change it now. I am sorry

Erik Funkenbusch Over a year ago

@Veki - Yes, if you update to MVC 5.1 it will work, however, you will need to use @Html.EditorFor(model => model.item, new { htmlAttributes = new { @class = "form-control"}). Note that this is slightly different from the standard syntax.

Veki Over a year ago

Aha, ok. I have already found that, you can see it in my code, but it didn't work. Now i know why. Thank you once again.

Merbin Jo · Accepted Answer · 2016-12-16 05:04:04Z

1

Use TextBox instead of EditFor here special html attributes are not supported, it is only supported from MVC 5. TextBox is should support for MVC 4, I don't know about other version.

@Html.TextBox("test", "", new { @id = "signupform", @class = "form-control", @role = "form",@placeholder="Name" })

answered Dec 16, 2016 at 5:04

Merbin Jo

1,2291 gold badge12 silver badges20 bronze badges

Comments

Mostafa Anssary · Accepted Answer · 2017-01-11 16:47:24Z

1

the easy way is using jquery and add using control id name

$(document).ready(function () {
    $('#LastName').addClass('form-control');
});

Set the class attribute to Html.EditorFor

answered Jan 11, 2017 at 16:47

Mostafa Anssary

1359 bronze badges

Collectives™ on Stack Overflow

HTML.EditorFor adding class not working

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related