スタイル

DataFilter allows you to customize the overall appearance of the control. The following GIF depicts a styled DataFilter control.

stylingthedatafilter

To apply styling to DataFilter, use the following code.

XAML	コードのコピー
<c1:C1DataFilter x:Name="c1DataFilter1" HeaderContent="Employees Filters" Grid.Column="0" Background="#E2FDF9" ExpandedMouseOverBrush="Gold" ExpandedBackground="LightGreen" CollapsedBackground="#F8C4C7" ItemBackground="#AED8E6" ItemForeground="Red" ItemBorderBrush="Black" ItemBorderThickness="1"/> <c1:C1FlexGrid AutoGenerateColumns="True" x:Name="flexGrid" Grid.Column="1"/>

XAML

コードのコピー

<c1:C1DataFilter x:Name="c1DataFilter1" HeaderContent="Employees Filters" Grid.Column="0"
Background="#E2FDF9"
ExpandedMouseOverBrush="Gold"
ExpandedBackground="LightGreen"
CollapsedBackground="#F8C4C7"
ItemBackground="#AED8E6"
ItemForeground="Red"
ItemBorderBrush="Black"
ItemBorderThickness="1"/>
<c1:C1FlexGrid AutoGenerateColumns="True" x:Name="flexGrid" Grid.Column="1"/>