Customizing the Header's Appearance

In This Topic

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:

XAML	Copy Code
<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>

XAML

Copy Code

 <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>