Cannot set cols in Asp.net MVC5 in TextAreaFor

Question

I am using this code but cols=20 keeps getting HTMLed. I have seen other solutions but they do not seem to be using syntax like "new { htmlAttributes = new { etc". I am new to MVC and this syntax was generated by Scaffolding. I do not have the knowledge to change this syntax. I was hoping to just add ', cols = "34"' as per below.

<div class="form-group"> @Html.LabelFor(model => model.SpendDescription, htmlAttributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @Html.TextAreaFor(model => model.SpendDescription, new { htmlAttributes = new { @class = "form-control", cols = "34" } }) @Html.ValidationMessageFor(model => model.SpendDescription, "", new { @class = "text-danger" }) </div> </div>

The generated HTML is

<textarea id="SpendDescription" rows="2" name="SpendDescription" htmlattributes="{ class = form-control, cols = 34 }" data-val-maxlength-max="200" data-val-maxlength="Must be less than 200 characters." data-val="true" cols="20"></textarea>

Which is obviously wrong as "htmlattributes etc" became a string, 'form-control' did not become a class.

DARN! I just remembered that I changed the scaffolded code of EditorFor to TextAreaFor (a few days back) in order to have a text area. So I bet the code that passes htmlAttributes is wrong.

Jane S · Accepted Answer · 2014-06-25 01:13:19Z

1

You have one too many levels of new {} :)

@Html.TextAreaFor(model => model.SpendDescription, new { @class = "form-control", cols = "34" })

should be sufficient.

answered Jun 25, 2014 at 1:13

Jane S

1,48716 silver badges22 bronze badges

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

5 Comments

ThomasAJ Over a year ago

Perfect - thank you. A quick Q if possible here? Why does class have an '@' in front of it but cols does not?

Jane S Over a year ago

Because class is a reserved word in Razor :)

ThomasAJ Over a year ago

I'd love to but "Vote up requires 15 reputation". So unfortunately I'm a disreputable person. :(

Jane S Over a year ago

You should have 5 more now :)

Jane S Over a year ago

@ThomasAJ I mean "accept" not vote up. Click the tick under the voting buttons

Collectives™ on Stack Overflow

Cannot set cols in Asp.net MVC5 in TextAreaFor

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related