This is the original code, which I thought would apply the fields class to the controls:
<fieldset> <div class="label"> @Html.LabelFor(model => model.Title) </div> <div class="field"> @Html.EditorFor(model => model.Title, new { autocomplete = "off" }) @Html.ValidationMessageFor(model => model.Title) </div> <div class="label"> @Html.LabelFor(model => model.Details) </div> <div class="field"> @Html.TextAreaFor(model => model, new { rows=10, cols=50 }) @Html.ValidationMessageFor(model => model.Details) </div> </fieldset>
The problem was that this wasn't working and I couldn't work out why. After looking at the styles one too many times, hangs head in shame, I realized that it was picking up the styles from the user agent rather than the css file.
A bit of searching revealing that this is what I should have done instead:
<fieldset> <div class="label"> @Html.LabelFor(model => model.Title) </div> <div class="field"> @Html.EditorFor(model => model.Title, new { autocomplete = "off", @class=editor }) @Html.ValidationMessageFor(model => model.Title) </div> <div class="label"> @Html.LabelFor(model => model.Details) </div> <div class="field"> @Html.TextAreaFor(model => model,10,50, new {@class=editor }) @Html.ValidationMessageFor(model => model.Details) </div> </fieldset>
No comments:
Post a Comment