Export (0) Print
Expand All
0 out of 1 rated this helpful - Rate this topic

How to: Customize ASP.NET Dynamic Data Default Field Templates

You can customize how the default field templates display, edit, and insert data by modifying their properties.

For more information about default field templates, see ASP.NET Dynamic Data Scaffolding.

NoteNote

Changes that are made to a default field template will apply to all pages and controls where the template is used throughout the Web application.

The following procedure shows how to add a background color to Text_Edit.ascx, one of the field templates provided in a Dynamic Data project by default.

To customize a default field template

  1. In Visual Studio 2010 or Visual Web Developer 2010 Express open the ASP.NET Dynamic Data Web site.

  2. In the DynamicData/FieldTemplate folder, open the default field template you want to modifyand switch to Source view.

  3. Modify the code to customize the field template

    For example, you can add the following code snippet to modify the Text_Edit.ascx field template

    <asp:TextBox ID="TextBox1" runat="server" BackColor="Yellow"  
      Text='<%# FieldValueEditString %>'>
    </asp:TextBox>
    

    This code snippet adds a background color property to the markup and sets it to yellow. The modified Text_Edit.ascx code will be similar to the following code example.

    NoteNote

    You can use a .css file to set the BackColor.

The following code example shows the modified Text_Edit.ascx field template. This modified field template changes the background color of the text box that displays String, Decimal, Double, and Int32 data types to yellow when a table is in edit mode. This modification affects any row on the website that is in edit mode:

See a video that shows this feature: Watch.


<%@ Control Language="C#" Inherits="System.Web.DynamicData.FieldTemplateUserControl"%>

<asp:TextBox ID="TextBox1" runat="server" BackColor="Yellow" Text='<%# FieldValueEditString %>'></asp:TextBox>
<asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator1" ControlToValidate="TextBox1" Display="Dynamic" Enabled="false" />
<asp:RegularExpressionValidator runat="server" ID="RegularExpressionValidator1" ControlToValidate="TextBox1" Display="Dynamic" Enabled="false" />
<asp:DynamicValidator runat="server" ID="DynamicValidator1" ControlToValidate="TextBox1" Display="Dynamic" />


Did you find this helpful?
(1500 characters remaining)
Thank you for your feedback

Community Additions

ADD
Show:
© 2014 Microsoft. All rights reserved.