Is it possible to use CSS when coding with Razor HTML helpers

Question

I am pretty new to MVC and just learning by example, so far I was able to do

@Html.RadioButton("settings", "UpdateEmail")

But is there a way like extra params maybe so I can also set some outline:none and alignment attributes for it?

In Google I found this example but he is not passing CSS either: http://www.tutorialsteacher.com/mvc/htmlhelper-radiobutton-radiobuttonfor

Thiago Ferreira · Accepted Answer · 2016-03-10 19:23:49Z

3

Each HTMLHelper in Razor has the htmlProperty parameter, which accept an object and will print the properties of this object inside the html.

So, if you want to set a CSS class, you can do this:

@Html.RadioButton("settings", "UpdateEmail", new {@class = "myCssClass"})

Which will become into this:

<input type="radio" name="settings" value="UpdateEmail" class="myCssClass">

And you can set any property in this way:

@Html.RadioButton("settings", "UpdateEmail", new {@class = "myCssClass", style="width: 100px", disabled="disabled"})

Note: The @ before the property named class is required because class is a reserved word, so using @class allows you tu use this word.

answered Mar 10, 2016 at 19:23

Thiago Ferreira

6513 silver badges19 bronze badges

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

Comments

NosNits · Accepted Answer · 2016-03-10 19:22:30Z

2

I believe you can do it like this:

@Html.RadioButton("settings", "UpdateEmail", new { @class="inputclass" })

or

@Html.RadioButton("settings", "UpdateEmail", new { style="outline: none;" })

answered Mar 10, 2016 at 19:22

NosNits

1026 bronze badges