How do you set the width of an HTML Helper TextBox in ASP NET MVC

Question

Some examples I found that apparently worked with older versions of mvc suggest that there was a length parameter of sorts    lt   Html TextBox  test   50   gt    But that may have been mistakenly setting the value   How do this work in the current release  Passing in the style doesn t appear to have any effect

User · Accepted Answer

The original answer is no longer working as written:

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

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

To adjust this for the current release of MVC 1.0, use the following script (note the addition of the second parameter - I have mine starting as blank, adjust accordingly based on your needs):

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

User · Answer

Don t use the length parameter as it will not work with all browsers  The best way is to set a style on the input tag    lt input style  width 100px    gt

User · Answer

Don t use the length parameter as it will not work with all browsers  The best way is to set a style on the input tag    lt input style  width 100px    gt

User · Answer

For this you have to use HtmlAttributes  but there is a catch  HtmlAttributes and css class    you can define it like this   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   lt    Html TextBox  test   new   style  width 50px       gt     MVC 2   lt    Html TextBox  test   null  new   style  width 50px       gt     MVC 3   Html TextBox  test   null  new   style  width 50px

User · Answer

For this you have to use HtmlAttributes  but there is a catch  HtmlAttributes and css class    you can define it like this   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   lt    Html TextBox  test   new   style  width 50px       gt     MVC 2   lt    Html TextBox  test   null  new   style  width 50px       gt     MVC 3   Html TextBox  test   null  new   style  width 50px

User · Answer

Set textbox with and maxlength in mvc3 0   Html TextBoxFor model   gt  model SearchUrl  new   style    width 650px   maxlength   250

User · Answer

Don t use the length parameter as it will not work with all browsers  The best way is to set a style on the input tag    lt input style  width 100px    gt

User · Answer

Something like this should work    lt   Html TextBox  test   new   style  width 50px      gt    Or better    lt   Html TextBox  test    gt    lt style type  text css  gt      input type  text     width 50px          lt  style gt

User · Answer

Set textbox with and maxlength in mvc3 0   Html TextBoxFor model   gt  model SearchUrl  new   style    width 650px   maxlength   250

User · Answer

Something like this should work    lt   Html TextBox  test   new   style  width 50px      gt    Or better    lt   Html TextBox  test    gt    lt style type  text css  gt      input type  text     width 50px          lt  style gt

User · Answer

For this you have to use HtmlAttributes  but there is a catch  HtmlAttributes and css class    you can define it like this   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   lt    Html TextBox  test   new   style  width 50px       gt     MVC 2   lt    Html TextBox  test   null  new   style  width 50px       gt     MVC 3   Html TextBox  test   null  new   style  width 50px

User · Answer

new   style  width 50px   maxsize   50     should be  new   style  width 50px   maxlength   50

User · Answer

My real sample for MVC 3 is here    lt   using  Html BeginForm        gt    lt p gt   Start Date   lt    Html TextBox  datepicker1   DateTime Now ToString  MM dd yyyy    new   style    width 80px    maxlength   10     gt    End Date   lt    Html TextBox  datepicker2   DateTime Now ToString  MM dd yyyy    new   style    width 80px    maxlength   10     gt     lt input type  submit  name  btnSubmit  value  Search    gt     lt  p gt    lt       gt    So  we have following      datepicker1  - ID of the control  DateTime Now ToString  MM dd yyyy   - value by default  style    width 80px   - width of the textbox  maxlength   10 - we can input 10 characters only

User · Answer

Don t use the length parameter as it will not work with all browsers  The best way is to set a style on the input tag    lt input style  width 100px    gt

User · Answer

new   style  width 50px   maxsize   50     should be  new   style  width 50px   maxlength   50

User · Answer

Something like this should work    lt   Html TextBox  test   new   style  width 50px      gt    Or better    lt   Html TextBox  test    gt    lt style type  text css  gt      input type  text     width 50px          lt  style gt

User · Answer

I -strongly- recommend build your HtmlHelpers  I think that apsx code will be more readable  reliable and durable   Follow the link  http   msdn microsoft com en-us library system web mvc htmlhelper aspx

User · Answer

I -strongly- recommend build your HtmlHelpers  I think that apsx code will be more readable  reliable and durable   Follow the link  http   msdn microsoft com en-us library system web mvc htmlhelper aspx

User · Answer

Something like this should work    lt   Html TextBox  test   new   style  width 50px      gt    Or better    lt   Html TextBox  test    gt    lt style type  text css  gt      input type  text     width 50px          lt  style gt

User · Answer

For this you have to use HtmlAttributes  but there is a catch  HtmlAttributes and css class    you can define it like this   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   lt    Html TextBox  test   new   style  width 50px       gt     MVC 2   lt    Html TextBox  test   null  new   style  width 50px       gt     MVC 3   Html TextBox  test   null  new   style  width 50px

User · Answer

My real sample for MVC 3 is here    lt   using  Html BeginForm        gt    lt p gt   Start Date   lt    Html TextBox  datepicker1   DateTime Now ToString  MM dd yyyy    new   style    width 80px    maxlength   10     gt    End Date   lt    Html TextBox  datepicker2   DateTime Now ToString  MM dd yyyy    new   style    width 80px    maxlength   10     gt     lt input type  submit  name  btnSubmit  value  Search    gt     lt  p gt    lt       gt    So  we have following      datepicker1  - ID of the control  DateTime Now ToString  MM dd yyyy   - value by default  style    width 80px   - width of the textbox  maxlength   10 - we can input 10 characters only

[asp.net-mvc] How do you set the width of an HTML Helper TextBox in ASP.NET MVC?

Examples related to asp.net-mvc