Grid Custom Styles XML

An XML string property that allows you customize various UI elements of the grid with css. 

The property should contain a root node value of Styles.  The Styles node should contain Style child nodes.  Each Style node should contain one of the following Style elements with the specified css:

FrameStyle

AlternatingRowStyle

RowStyle

SelectedRowStyle

HeaderStyle

FooterStyle

StatusBarStyle

PreviewRowStyle

LostFocusRowStyle

FilterRowStyle

QuickFilterBarStyle

SortedColumnStyle

RowHeaderStyle

HyperlinkStyle

GroupRowInfoStyle

Example:

                <Styles>
                                <Style>
                                                <HeaderStyle>background: blue; color:white</HeaderStyle>
                                </Style>
                </Style>

 - OR -

The property should contain a root node value of Styles.  The Styles node should contain Class child nodes.  Each Class node should contain one of the following Class elements with the specified css class from a style statement.

FrameStyleCssClass

AlternatingRowStyleCssClass

RowStyleCssClass

SelectedRowStyleCssClass

HeaderStyleCssClass

FooterStyleCssClass

StatusBarStyleCssClass

PreviewRowStyleCssClass

LostFocusRowStyleCssClass

FilterRowStyleCssClass

QuickFilterBarStyleCssClass

SortedColumnStyleCssClass

RowHeaderStyle CssClass

HyperlinkStyleCssClass

GroupRowInfoStyleCssClass

Example:

                <Styles>
                                <Class>
                                                <HeaderStyleCssClass>background: blue; color:white</HeaderStyleCssClass>
                                </Class>
                </Style>

Back to Top