Step 2 of 3 Customizing the C1Tile View Control

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:

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:
```
<c1:C1TileView x:Name="C1TileView1" AllowDrop="True"></c1:C1TileView>
```

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

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

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

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

Step 2 of 3 Customizing the C1Tile View Control

See Also