In the previous step you created a XAML application and added the C1TileView control to your project. To customize your application, complete the following steps:

1. Add  AllowDrop="True" within the C1TileView tags on the page to allow users to perform drag-and-drop operations with items in the control. The XAML markup will appear similar to the following:

Markup	Copy Code
<TileView:C1TileView x:Name="C1TileView1" AllowDrop="True"/>

2. Add  three C1TileViewItems within the C1TileView tags so the XAML markup appears similar to the following:

Markup	Copy Code
<TileView:C1TileView x:Name="C1TileView1" AllowDrop="True"> <TileView:C1TileViewItem></TileView:C1TileViewItem> <TileView:C1TileViewItem></TileView:C1TileViewItem> <TileView:C1TileViewItem></TileView:C1TileViewItem> </TileView:C1TileView>

3. Add  Background and Header properties to each of the C1TileViewItems, so the markup appears like the following:

Markup	Copy Code
<TileView:C1TileView x:Name="C1TileView1" AllowDrop="True"> <TileView:C1TileViewItem Background="Red" Header="Red"></TileView:C1TileViewItem> <TileView:C1TileViewItem Background="Blue" Header="Blue"></TileView:C1TileViewItem> <TileView:C1TileViewItem Background="Yellow" Header="Yellow"></TileView:C1TileViewItem> </TileView:C1TileView>

Each item will now appear in a different color and have text in the header.

In this step you added content to the C1TileView control. In the next step you'll view some of the run-time interactions possible in the control.