Styling Html.textbox in asp.net MVC

Question

I am trying to give style to the textbox but its now working.This is what i have done so far.

<div class="modal fade" id="signin_modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class=" modal-header">
                Create An Account
            </div>

            <div class="modal-body">

            @using(Html.BeginForm())
            { 
                <table class="signin_tbl">    
                    <tr>
                        <td class="signin_txt"><h5>Email</h5></td>
                        <td>@Html.TextBox("Name", new { style=" height:70px; "} )  </td>
                    </tr>
                    <tr>
                        <td class="signin_txt">Password</td>
                        <td class="signin_tb" >@Html.TextBox("password") </td>
                    </tr>
                </table>
            }
            </div>

And this is what i am getting as output:

enter image description here

have you tried anything yourself to solve the problem before posting here? — chiccodoro
– chiccodoro, Commented Sep 15, 2014 at 10:39

Yehia Elhawary · Accepted Answer · 2015-12-01 15:09:43Z

12

You must set textbox value to your value and followed by your html attribute like:

@Html.TextBox("Name",[Value Or Null], new { @style=" height:70px; "} )

edited Dec 1, 2015 at 15:09

answered Sep 15, 2014 at 10:35

Yehia Elhawary

6081 gold badge5 silver badges20 bronze badges

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

Comments

Kartikeya Khosla · Accepted Answer · 2014-09-15 10:33:11Z

7

Change your @Html.TextBox() as shown below :

@Html.TextBox("Name", null ,new { style=" height:70px; "} )

The second parameter of @Html.TextBox() is value of textbox and not htmlattributes.

answered Sep 15, 2014 at 10:33

Kartikeya Khosla

18.9k8 gold badges46 silver badges70 bronze badges

Comments

Patrick Hofman · Accepted Answer · 2014-09-15 10:35:25Z

3

Specify you want to specify the htmlAttributes argument of the TextBox method instead of it's content. You can specify the argument passed in to the method like this:

@Html.TextBox("Name", htmlAttributes: new { style=" height:70px; "} )

answered Sep 15, 2014 at 10:35

Patrick Hofman

158k23 gold badges270 silver badges343 bronze badges

Collectives™ on Stack Overflow

Styling Html.textbox in asp.net MVC

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related