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