Customize Column Style in eGridForm

This example shows how to customize the style of each column by css/style.

Pick a Theme:

Employees 
 Employee
Employee Name
CityHire DateTitlePhoto
  

Employee ID:1
Davolio, NancySeattle5/1/1992Sales Representative

Employee ID:2
Fuller, KayTacoma8/14/1992Vice President, Sales

Employee ID:3
Leverling, JanetKirkland4/29/1992Sales Representative
1 - 3 / 22 RecordsPage / 8 
Birth Date12/8/1948
Address507 - 20th Ave. E.Apt. 2A
RegionWA
Postal Code98122
CountryUSA
Home Phone(206) 555-9857
Birth Date2/19/1952
Address908 W. Capital Way
RegionWA
Postal Code98401
CountryUSA
Home Phone(206) 555-9482
Birth Date8/30/1963
Address722 Moss Bay Blvd.
RegionWA
Postal Code98033
CountryUSA
Home Phone(206) 555-3412

  Design   Source  
  1. Open DataForm.NET Manager. In DataForm.NET List page, choose Employees by clicking the link.
  2. In the DataForm.NET Designer on the right hand side, switch to GridForm tab.
  3. Click City field to bring up a GridForm Field Designer. Switch to Appearance tab.
  4. The css classes have been specified for respective fields.
  5. Link the css file which contains those two css classes in the aspx page.
  • Click HERE to open up a READ ONLY DataForm.NET Manager.
  • Click HERE to try for yourself.