Question

Inside my Model I have this code:

[Required(ErrorMessage = "News content is required.")]

[DisplayName("News Content")]
[DataType(DataType.MultilineText)]
public string FullContent { get; set; }

[Required(ErrorMessage = "News summary is required.")]
[DisplayName("News Summary")]
[DataType(DataType.MultilineText)]
public string Summary { get; set; }  

And inside the View is:

<tr>
<td id="td-caption">Full Content</td>  
<td id="td-content2">@Html.EditorFor(model => model.FullContent)  @Html.ValidationMessageFor(model => model.FullContent)</td>  
</tr>  
<tr>
<td id="td-caption">Summary</td>
<td id="td-content2">@Html.EditorFor(model => model.Summary)@Html.ValidationMessageFor(model => model.Summary)</td>
</tr>  

And inside my CSS:

textarea#FullContent, #Summary
{
width: 95%;
padding-top: 20px;
padding-left: 20px;
cols: 20;
rows: 20;
}  

But no effect at all. What should I do? Thanks!

Answer 1

rows and cols are not valid CSS rules. They are attributes on the textarea element. But since you are using en EditorFor helper you cannot set their values. You could use the width and height properties in your CSS to adjust the size of the textarea:

textarea#FullContent, #Summary {
    width: 90px;
    height: 200px;
    padding-top: 20px;
    padding-left: 20px;
}