creating multiline textbox using Html.Helper function

Question

I am trying to create a multiline Textbox using ASP.NET MVC with the following code.

<%= Html.TextBox("Body", null, new { TextBoxMode = "MultiLine", Columns = "55px", Rows = "10px" })%>

It just shows up a single line fixed sized textbox.

on the other hand

<asp:TextBox runat="server" ID="Body" TextMode="MultiLine" Columns="55" Rows="10"></asp:TextBox>

renders the right view, but in the controller's post method with formCollection named form

form["Body"];

returns a null value.

Just noticed that on your first example, you have Columns = "55px". Is that a typo or it's like that in the code? See if taking that out fixes your problem :) I am not sure if it will so that's why this is just a comment... — Dmitriy Khaykin, Feb 16 '11 at 21:04
I would still go down the dataannotations route, unless this is an MVC1 project — MrBliz, Feb 16 '11 at 21:07

score 107 · Accepted Answer · edited Oct 31 '11 at 19:32

107

A multiline textbox in html is <textarea>:

<%= Html.TextArea("Body", null, new { cols = "55", rows = "10" }) %>

or:

<%= Html.TextArea("Body", null, 10, 55, null) %>

or even better:

<%= Html.TextAreaFor(x => x.Body, 10, 55, null) %>

And yet another possibility is to decorate your view model property with the [DataType] attribute:

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

and in your view:

<%= Html.EditorFor(x => x.Body) %>

and set the width and height through CSS.

edited Oct 31 '11 at 19:32

Oded

489,969
99
883
1,009

answered Feb 16 '11 at 20:56

Darin Dimitrov

1,023,142
271
3,287
2,928

I usually use EditorFor, and set height etc with Css. Seems cleaner – MrBliz Feb 16 '11 at 21:02
Thanks a lot, that works! I also just figured out that the attribute for columns is cols... – paaone Feb 16 '11 at 21:19
@Html.TextAreaFor(model => model.Comments, 5, 2, null) worked for the rows but the columns appears to be ignored? – Paul C Apr 25 '13 at 11:11
The dataType attribute is fantastic! – RSolberg Oct 24 '13 at 19:37
with class like `new { @class = "form-control" }` check [here](http://stackoverflow.com/a/6218024/2218697) – Shaiju T Nov 10 '15 at 14:14

score 6 · Answer 2 · answered Nov 22 '12 at 13:01

6

MVC4 you should use:

@Html.TextAreaFor(x => x.Body, 10, 15, null)

answered Nov 22 '12 at 13:01

ahaliav fox

2,217
22
21

with class like `new { @class = "form-control" }` check [here](http://stackoverflow.com/a/6218024/2218697) – Shaiju T Nov 10 '15 at 14:15

score 3 · Answer 3 · edited Nov 10 '15 at 09:08

3

This allows to multi-line, set custom width and height and setting place holder. For validation used StringLength or RegularExpression in Model.cs

Razor View Syntax

@Html.TextAreaFor(model => model.property, new { style = "width: 420px; height: 100px;", placeholder = "Placeholder here.." })

edited Nov 10 '15 at 09:08

Atish Kumar Dipongkor

10,220
9
49
77

answered Nov 10 '15 at 08:54

Shimax s

51
4

score 0 · Answer 4 · edited Nov 22 '15 at 15:44

0

In Entity layer:

[MaxLength(500)]
public string Body { get; set; }

And in view:

@Html.TextAreaFor(model => model.Body, new { rows = 10, cols = 50 })

edited Nov 22 '15 at 15:44

Racil Hilan

24,690
13
50
55

answered Nov 22 '15 at 15:20

Asif Iqbal

1
4

score 0 · Answer 5 · answered Jan 12 '16 at 16:15

0

VB.net solution:

@Html.TextAreaFor(Function(Model) Model.Body, 3, 55, Nothing)

answered Jan 12 '16 at 16:15

JoshYates1980

3,476
2
36
57

score 0 · Answer 6 · edited Apr 05 '15 at 18:36

0

I think the Html.EditorFor Is what you're looking for. That's only for MVC2 and up though. Does that help?

If you're using DataAnnotations and decorate your property with the [DataType(DataType.MultilineText)] Attribute, MVC should scaffold out the required html for you.

edited Apr 05 '15 at 18:36

Koopakiller

2,838
3
32
47

answered Feb 16 '11 at 20:58

MrBliz

5,830
15
57
81

2

There is no `MultilineText` attribute. Do you mean `DataType` attribute? – Jakub Konecki May 21 '12 at 13:24

creating multiline textbox using Html.Helper function

6 Answers6

Linked

Related