In addition to displaying rich data with WebGrid, you can also customize the appearance and look of the control. WebGrid allows you to freely customize the user interface elements available in WebGrid.
This topic contains the following sections:
Rich Styles
WebGrid allows you to completely customize its appearance, look and behavior. The core style object is implemented in WebGridFormatStyle class, which contains numerous appearance-related such as BackColor, Font, BorderColor and so on. It is implemented by all UI elements such as Rows and Cells. The WebGridFormatStyle also allows you to put custom CSS Rules with the CustomRules property.
For more information, read Rich Styles Overview.
Automatic Style Merging
One of significant enhancements in WebGrid is extensive styles merging mechanism allowing many combinations of styles to be displayed correctly, such as both style definition and CssClass are taken affect, while only one of them is taken affect in previous version. Other enhancements including:
- Improved object’s style cascading and inheritance, in conjunction with automatic style merging.
- New attributes added to WebGridFormatStyle object enabling richer and detailed object model, such as BackColor2, GradientType and BorderSettings.
- In WebGrid, all styles are automatically merged without any extra works.
For more informations, read Automatic Style Merging Overview.
Getting Started
Getting Started
Overview
WebGrid Features Overview
Other Resources
Walkthrough Topics
How-to Topics