customize appearance of DataForm

This example shows how to customize DataForm's layout and style. For instance, the number of fields per row, the order of the fields and the style of each field.

Pick a Theme:

Employee ID

First Name

Last Name

Title

Title Of Courtesy

Birth Date

Hire Date

Address

City

Region

Postal Code

Country

Extension

Home Phone

ReportsTo

Notes

	Design		Source
Open DataForm.NET Manager. In DataForm.NET List page, choose Employees by clicking the link. In the DataForm.NET Designer on the right hand side, the default tab is DataForm tab. To change the number of fields per row, you can either pick a number in the Fields per Row combobox or type a number in it. Default number is 2. To change the order of fields showing up in the DataForm, change the number in the textbox column at very right hand side. To change the style of either title or field cells, for instance City, click the City link to bring up the DataForm Field Designer window. Switch to the Appearance tab. The style of title part is specified by a css attribute which sets the background of the cell. The style of field part is specified by a css class name which is in a css file. Aspx: <%@ Register TagPrefix="EasyDotNet"Namespace="EasyDotNet.Web.UI.WebControls" Assembly="EasyDotNet.Web" %> <form id="Form1" method="post" runat="server"> <EasyDotNet:eDataForm id="EDataForml1" runat="server" DataFormID="Employees"></EasyDotNet:eDataForm> </form> Codebehind/Codefile: None. No code needed.
Click HERE to open up a READ ONLY DataForm.NET Manager. Click HERE to try for yourself.

Send feedback to EasyDotNet
© 2002-2007 EasyDotNet Corporation. All rights reserved.