Next we are going to add a C1UniformGrid.
1. In the XAML window of the project, place the cursor between the <Grid x:Name="ContentPanel"></Grid> tags and click once.
2. Add the following markup between the <Grid x:Name="ContentPanel"></Grid> tags to add a C1DockPanel:
<c1:C1UniformGrid x:Name="c1uniformgrid1"></c1:C1UniformGrid>
3. Place your cursor in between the <c1:C1UniformGrid> tags and enter the following XAML to add the grid's child elements, or numbered cells in this case:
<Border Background="#FF005B84" >
<TextBlock Text="0" />
</Border>
<Border Background="#FF008B9C" >
<TextBlock Text="1" />
</Border>
<Border Background="#FF00ADD6" >
<TextBlock Text="2" />
</Border>
<Border Background="#FF497331" >
<TextBlock Text="3" />
</Border>
<Border Background="#FF0094D6" >
<TextBlock Text="4" />
</Border>
<Border Background="#FF9DCFC3" >
<TextBlock Text="5" />
</Border>
<Border Background="#FFA5DDFE" >
<TextBlock Text="6" />
</Border>
<Border Background="#FFE0EEEF" >
<TextBlock Text="7" />
</Border>
<Border Background="CornflowerBlue" >
<TextBlock Text="8" />
</Border>
<Border Background="LightYellow" >
<TextBlock Text="9" />
</Border>
If you run the application at this point, it looks like the following image: