Setting visibility of a textbox in MVC3 Razor view engine

Question

I am new to MVC 3, razor view engine. I want to set the visibility of a textbox at runtime as per the value in my viewmodel.

But the below code is not working.

<td>
    @Html.TextBox("CompanyName", "", new { visible = "false" })
</td>

Once above code starts working, I could place @Model.EnableCompanyName in place of hardcoded "false".

So please help me in rectifying the above code.

Answer 1

This will change the display type based on your bool Model.EnableCompanyName :)

Hope it helps!

@{
String displayMode = (Model.EnableCompanyName) ? "inline" : "none";
@Html.TextBox("CompanyName", "", new { style = "display:" + displayMode + ";" })
}

Answer 2

It's nothing to do with razor as such. visible is not a valid attribute for an input element (which is what Html.TextBox will be generating). You need

@Html.TextBox("CompanyName", "", new { style = "display:none;" })

See this example here:

http://jsfiddle.net/QxSpU/

Answer 3

(EDITED)

@Html.TextBox("CompanyName", "", new { style = Model.EnableCompanyName ? "display:inline" : "display:none" })

Answer 4

Add @Html.TextBox("CompanyName", "", new {Style= Model.EnableCompanyName ? "visibility:visible" : "visibility:hidden" })