CSS Problem with Html.TextAreaFor

Question

I have the following piece of code to give the User a text input box.

   <div id="messageEntry" class="grid_3 omega">
      <%= Html.TextAreaFor(x => x.Message) %>
   </div>

The input box is only displaying as a small area which I would like to increase. Creating CSS for id="messageEntry" has no effect on the size of the box, so how do I increase the size?

Jamie Dixon · Accepted Answer · 2011-07-19 09:50:08Z

2

You can specify the HTML cols and rows attributes using the following method signature:

HtmlHelper<TModel>, Expression<Func<TModel, TProperty>>, IDictionary<String, Object>

This will allow you to do:

<%= Html.TextAreaFor(x => x.Message, new {rows = "50", cols = "50"});

answered Jul 19, 2011 at 9:50

Jamie Dixon

54.1k21 gold badges131 silver badges168 bronze badges

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

Comments

Monday · Accepted Answer · 2011-07-19 09:59:25Z

2

apply a css style~

<%= Html.TextAreaFor(x => x.Message, 
    new { cols = "40%", @class = "foo" })%>

which could look like this:

.foo {
    color: red;
}

answered Jul 19, 2011 at 9:59

Monday

1,41312 silver badges10 bronze badges

Comments

ipr101 · Accepted Answer · 2011-07-19 10:01:23Z

0

If you wanted to alter the appearance of the textarea via css, you could use something like this -

#messageEntry textarea {width:500px}

answered Jul 19, 2011 at 10:01

ipr101

24.2k8 gold badges61 silver badges62 bronze badges

1 Comment

xiecs Over a year ago

I'm sorry, but this didn't work. I'm not sure it was able to tie up TextAreaFor with textarea in the CSS.

Collectives™ on Stack Overflow

CSS Problem with Html.TextAreaFor

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related