In the previous step, we created a WPF or Silverlight application and added the C1TileView control (C1TileView in Silverlight) to the project. To customize your application, complete the following steps:

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

   XAML	Copy Code
   <c1:C1TileView x:Name="C1TileView1" AllowDrop="True"></c1:C1TileView>

2. Add three C1TileViewItem objects (C1TileViewItem in Silverlight) within the C1TileView element so the XAML markup appears similar to the following:

   XAML	Copy Code
   <c1:C1TileView Name="C1TileView1" AllowDrop="True"> <c1:C1TileViewItem></c1:C1TileViewItem> <c1:C1TileViewItem></c1:C1TileViewItem> <c1:C1TileViewItem></c1:C1TileViewItem> </c1:C1TileView>

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

   XAML	Copy Code
   <c1:C1TileView Name="C1TileView1" AllowDrop="True"> <c1:C1TileViewItem Background="Red" Header="Red"></c1:C1TileViewItem> <c1:C1TileViewItem Background="Blue" Header="Blue"></c1:C1TileViewItem> <c1:C1TileViewItem Background="Yellow" Header="Yellow"></c1:C1TileViewItem> </c1:C1TileView>

   Each item now appears in a different color and has text in the header.

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