MVC3 textbox - create custom width

Question

Hi I want to make my textbox's width longer.

The view that is generated, uses @Html.EditorFor which I noticed I can't modify nor I can add css style to it.

So I checked, TextAreFor and it works but it creates a scrollbar since it is a textarea

e.g.

@Html.TextAreaFor(model => model.Name, new { cols=50, @rows=1 })

How would I remove the scrollbar? so it looks like it is a textbox? or is there another way to generate a textbox with a custom width?

Thanks,

Shyju · Accepted Answer · 2012-03-23 03:33:14Z

1

You can use TextBoxFor HTML Helper method for generating a input element with a custom class like this

  @Html.TextBoxFor(m => m.Name, new { @class="yourCustomClass" })

and now you can define your custom styles in this class

.yourCustomClass
{
  width:340px;
}

answered Mar 23, 2012 at 3:33

Shyju

220k106 gold badges421 silver badges499 bronze badges

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

4 Comments

Benk Over a year ago

Your code is fine, but my question is something else, when placing your code or my code it still creates a scrollbar, i want it to not show the scrollbar, so it would look like a textbox.

Shyju Over a year ago

then it is some thing with the CSS. Post your css.probably the HTML markup and relevant css in jsfiddle.net

Benk Over a year ago

I don't have any css. I am using exact code you posted. when outputting on the UI, the textbox control shows with multiple lines and with a scrollbar. Thx

Shyju Over a year ago

use firebug to see what css being applied. IT is clearly a css issue.Can you post your css and html in a jsfiddle ?

Romias · Accepted Answer · 2012-03-23 04:27:04Z

0

Use a CSS class with the following statement:

overflow:hidden

answered Mar 23, 2012 at 4:27

Romias

14.2k7 gold badges61 silver badges89 bronze badges

Comments

Miroslav Holec · Accepted Answer · 2012-04-05 09:04:04Z

0

Maybe

@Html.TextBoxFor(m => m.Name, new { @style="width:150px; height:50px; overflow:hidden;" })

answered Apr 5, 2012 at 9:04

Miroslav Holec

3,25727 silver badges24 bronze badges

Collectives™ on Stack Overflow

MVC3 textbox - create custom width

e.g.

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

e.g.

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related