Customizing the Header's Appearance

C1TileView includes several properties that enable you to change the appearance of the C1TileViewItem Header. These properties include:

• Header
• HeaderBackground
• HeaderFontFamily
• HeaderFontSize
• HeaderFontStretch
• HeaderFontStyle
• HeaderFontWeight
• HeaderForeground
• HeaderPadding
• HeaderTemplate

For example, the following markup sets several of these properties:

<c1:C1TileViewItem 
    Header="News" 
    HeaderPadding="10 5 5 5" 
    HeaderForeground="#FF507494" 
    HeaderFontFamily="Trebuchet MS" 
    HeaderFontSize="16"> 
   <c1:C1TileViewItem.HeaderBackground> 
       <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
        <GradientStop Color="#FFE9ECF0" Offset="0" /> 
            <GradientStop Color="#FFDDE1E7" Offset="0.2" /> 
            <GradientStop Color="#FFCCD3DC" Offset="0.2" /> 
            <GradientStop Color="#FFFAFAFB" Offset="0.647" /> 
       </LinearGradientBrush> 
    </c1:C1TileViewItem.HeaderBackground> 
</c1:C1TileViewItem> 

See Also

Creating Minimized and Maximized Styles

TileView for WPF and Silverlight Layout and Appearance