Customizing the Header's Appearance

In This Topic

C1TileView includes several properties that enable you to change the appearance of the C1TileViewItem's Header. These properties include: Header, HeaderBackground, HeaderFontFamily, HeaderFontSize, HeaderFontStretch, HeaderFontStyle, HeaderFontWeight, HeaderForeground, HeaderPadding, and HeaderTemplate.

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

Markup	Copy Code
<TileView:C1TileViewItem Header="News" HeaderPadding="10 5 5 5" HeaderForeground="#FF507494" HeaderFontFamily="Trebuchet MS" HeaderFontSize="16"> <TileView: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> </TileView:C1TileViewItem.HeaderBackground> </TileView:C1TileViewItem>

Markup

Copy Code

<TileView:C1TileViewItem Header="News" HeaderPadding="10 5 5 5" HeaderForeground="#FF507494" HeaderFontFamily="Trebuchet MS" HeaderFontSize="16">
   <TileView: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>
    </TileView:C1TileViewItem.HeaderBackground>
</TileView:C1TileViewItem>