creating textarea with htmlhelper in asp .net mvc 4

Question

USING : ASP .NET MVC 4 in one of my page i need a textarea with a certain width and height using html helper class. some of my code is given below :

    <div class="editor-label">
        @Html.LabelFor(model => model.MailSubject)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.MailSubject)
        @Html.ValidationMessageFor(model => model.MailSubject)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.MailBody)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.MailBody)
        @Html.ValidationMessageFor(model => model.MailBody)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.Content)
    </div>
    <div class="editor-field1">
        @Html.EditorFor(model => model.Content)
        @Html.ValidationMessageFor(model => model.Content)
    </div>

I am wondering how I define the size(width/hide) of the editorfor(model.content)?

You need height of editorfor to set ? or do you need to use textarea and set its height and width ? — Karthik Chintala
– Karthik Chintala, Commented Jan 11, 2013 at 12:24
@AliRızaAdıyahşi, thanks. Can defining col/rows can be responsive? — Abdur Rahim
– Abdur Rahim, Commented Jan 11, 2013 at 12:40

Evidica · Accepted Answer · 2014-01-27 21:36:48Z

5

I realize this question is over a year old but just in case anyone is looking for the answer, here it is:

Html.TextAreaFor(model => model.Field, new { rows = "", cols = "", style = "width: 90%; height: 50px;" })

You can either apply the styles inline or use the class declaration. This will render the textarea on the page like so:

<textarea class="swiper-no-swiping" name="model.Field" cols="" rows="" style="width: 90%; height: 50px;"></textarea>

answered Jan 27, 2014 at 21:36

Evidica

1,4641 gold badge14 silver badges19 bronze badges

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

Comments

Nick Fleetwood · Accepted Answer · 2013-09-14 23:27:50Z

2

I had this problem. I'm a newb, so I'm not really sure, but using the following I was able to adjust the height...

@Html.TextAreaFor(model => model.FullItinerary, 20, 10, null)

I still don't know how to adjust width, my current google mission...

answered Sep 14, 2013 at 23:27

Nick Fleetwood

5311 gold badge6 silver badges26 bronze badges

Comments

Ed Charbeneau · Accepted Answer · 2013-01-25 19:01:46Z

0

Write a customer helper, or extend the functionality of the TextAreaFor helper.

Here is a resource to help you create a custom helper: http://www.simple-talk.com/dotnet/asp.net/writing-custom-html-helpers-for-asp.net-mvc/

answered Jan 25, 2013 at 19:01

Ed Charbeneau

4,67426 silver badges24 bronze badges

Collectives™ on Stack Overflow

creating textarea with htmlhelper in asp .net mvc 4

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related