How to set width of TextBox HTML helper in ASP.NET MVC?

Question

Some examples that I found to seem to work with older versions of mvc suggest that there is a sort parameter of length:

<%=Html.TextBox("test", 50)%> 

But that could erroneously set the meaning.

How does it work in the current version? Walking in style has no effect.

Answer 1

The original answer no longer works as it is written:

 <%=Html.TextBox("test", new { style="width:50px" })%> 

you will get a text box with "{style =" width: 50px "}" as its text content.

To adjust this for the current version of MVC 1.0, use the following script (note the addition of the second parameter - I have an initial start-up, adjust it according to your needs):

 <%=Html.TextBox("test", "", new { style="width:50px" })%> 

Answer 2

You need to use HtmlAttributes for this , but there is catch: HtmlAttributes and css class .

you can define it as follows:

 new { Attrubute="Value", AttributeTwo = IntegerValue, @class="className" }; 

and here is a more realistic example:

 new { style="width:50px" }; new { style="width:50px", maxsize = 50 }; new {size=30, @class="required"} 

and finally in:

MVC 1

 <%= Html.TextBox("test", new { style="width:50px" }) %> 

MVC 2

 <%= Html.TextBox("test", null, new { style="width:50px" }) %> 

MVC 3

 @Html.TextBox("test", null, new { style="width:50px" }) 

Answer 3

Something like this should work:

 <%=Html.TextBox("test", new { style="width:50px" })%> 

Or better:

 <%=Html.TextBox("test")%> <style type="text/css"> input[type="text"] { width:50px; } </style> 

Answer 4

I highly recommend building your own HtmlHelpers. I think apsx code will be more readable, reliable and durable.

Follow the link; http://msdn.microsoft.com/en-us/library/system.web.mvc.htmlhelper.aspx

Answer 5

Do not use the length parameter as it will not work with all browsers. The best way is to set the style for the input tag.

 <input style="width:100px" /> 

Answer 6

My real sample for MVC 3 is here:

 <% using (Html.BeginForm()) { %> <p> Start Date: <%: Html.TextBox("datepicker1", DateTime.Now.ToString("MM/dd/yyyy"), new { style = "width:80px;", maxlength = 10 })%> End Date: <%: Html.TextBox("datepicker2", DateTime.Now.ToString("MM/dd/yyyy"), new { style = "width:80px;", maxlength = 10 })%> <input type="submit" name="btnSubmit" value="Search" /> </p> <% } %> 

So we have the following

"datepicker1" - control identifier

DateTime.Now.ToString ("MM / dd / yyyy" ) - the default value

style = "width: 80px; " - the width of the text field

maxlength = 10 - we can enter only 10 characters

Answer 7

new {style = "width: 50px", maxsize = 50};

it should be

new {style = "width: 50px", maxlength = 50};

Answer 8

Set textbox with maxlength to mvc3.0

 @Html.TextBoxFor(model => model.SearchUrl, new { style = "width:650px;",maxlength = 250 })