ASP.NET MVC: Html.EditorFor and multi-line text boxes

Question

This is my code:

    <div class="editor-label">
        @Html.LabelFor(model => model.Comments[0].Comment)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.Comments[0].Comment)
        @Html.ValidationMessageFor(model => model.Comments[0].Comment)
    </div>

This is what it generates:

    <div class="editor-label">
        <label for="Comments_0__Comment">Comment</label>
    </div>
    <div class="editor-field">
        <input class="text-box single-line" data-val="true" data-val-required="The Comment field is required." id="Comments_0__Comment" name="Comments[0].Comment" type="text" value="" />
        <span class="field-validation-valid" data-valmsg-for="Comments[0].Comment" data-valmsg-replace="true"></span>
    </div>

How do I tell it that the field should be a text box with five lines instead of just a single-line text box?

possible duplicate of [ASP.NET MVC3 - textarea with @Html.EditorFor](http://stackoverflow.com/questions/4927003/asp-net-mvc3-textarea-with-html-editorfor) — Brad Rem, Oct 24 '13 at 18:02

score 129 · Accepted Answer · edited May 23 '17 at 12:09

129

Use data type 'MultilineText':

[DataType(DataType.MultilineText)]
public string Text { get; set; }

See ASP.NET MVC3 - textarea with @Html.EditorFor

edited May 23 '17 at 12:09

Community

1
1

answered Jul 01 '11 at 20:43

Rajesh

2,472
3
25
31

score 47 · Answer 2 · answered Oct 28 '13 at 18:02

47

in your view, instead of:

@Html.EditorFor(model => model.Comments[0].Comment)

just use:

@Html.TextAreaFor(model => model.Comments[0].Comment, 5, 1, null)

answered Oct 28 '13 at 18:02

Fabio Marreco

2,186
2
23
24

8

The nice thing that I do like about this approach is that I do not need to be going all the way into my properties in another assembly .. my model classes of properties ( sure viewmodels should be used more, but it is situational depending on the application etc.. ) Plus the selected answer the problem with that is what if another page or application wants the text to not be multiline. IMO this is great for some applicaitons while the other is fine for others. For me it was @Html.TextAreaFor(model => model.Comments, 5, 1, new { @class = "form-control" }) thx – Tom Stickel Sep 01 '15 at 21:56

score 13 · Answer 3 · answered Dec 22 '14 at 22:02

Another way

@Html.TextAreaFor(model => model.Comments[0].Comment)

And in your css do this

textarea
{
    font-family: inherit;
    width: 650px;
    height: 65px;
}

That DataType dealie allows carriage returns in the data, not everybody likes those.

ASP.NET MVC: Html.EditorFor and multi-line text boxes

3 Answers3