[Solved] Width of textbox in edit form

[Mattias]

Hi,
I'm using data annotations to display a form in the grid.
How can I set different styles to text boxes?
I want to set different widths for different text boxes.
Now when the form is generated all text boxes has the same css classes.

<div class="editor-label"><label for="FirstName">Förnamn</label></div>
<div class="editor-field"><input class="text-box single-line" id="FirstName" name="FirstName" type="text" /> <span class="field-validation-valid" id="FirstName_validationMessage"></span></div>
<div class="editor-label"><label for="LastName">Efternamn</label></div>
<div class="editor-field"><input class="text-box single-line" id="LastName" name="LastName" type="text" /> <span class="field-validation-valid" id="LastName_validationMessage"></span></div>

Is there a way to set it directly on the model class like the other attributes?

[Atanas Korchev]

Hello Mattias,

 The only way to achieve this is by defining a custom editor template for that particular properties. You can check Brad Wilson's blog post for additional info.

Regards,
Atanas Korchev
the Telerik team

[jfkrueger]

I don't see how to apply what is said in that post to a grid, and I don't see how it allows you to set different lengths on different textboxes in edit mode. Am I missing something??

Thanks!

[Atanas Korchev]

Hi Joe,

 This blog post shows how to use editor templates to customize the editors for various properties. You need to create custom editor templates when you need to customize the default editor generated by ASP.NET MVC.

Regards,
Atanas Korchev
the Telerik team