FormView Style Sub-Components

Other usage samples: Simple FormView | Editable Form | Events | Styles |

This sample demonstrates the style sub-components available on FormView: HeaderStyle, FooterStyle, RowStyle, and EditRowStyle.

Styled FormView

Each style is applied via the <XxxStyleContent> wrapper containing the corresponding FormViewXxxStyle sub-component.

Widget Catalog
Browse widgets using the pager

Code Example

<FormView ItemType="Widget" Context="Item"
          HeaderText="Widget Catalog"
          FooterText="Browse widgets using the pager">
    <HeaderStyleContent>
        <FormViewHeaderStyle BackColor="WebColor.Blue" ForeColor="WebColor.White" Font_Bold="true" />
    </HeaderStyleContent>
    <FooterStyleContent>
        <FormViewFooterStyle BackColor="WebColor.LightBlue" />
    </FooterStyleContent>
    <RowStyleContent>
        <FormViewRowStyle BackColor="WebColor.White" />
    </RowStyleContent>
    <ItemTemplate>
        ...
    </ItemTemplate>
</FormView>