Getting Started

This tutorial will walk your through the creation of a sample application that contains RadTileList and will show you how:

• Add RadTileList to your project

• Select RadTileList's Tile

• Reorder RadTileList's Tile

For the purpose of this example, you will need to create an empty WPF Application project and open it in Visual Studio.

Creating RadTileList

• Create a new WPF project

• Add references to the assemblies: Telerik.Windows.Controls and Telerik.Windows.Data

• Add RadTileList as demonstrated below:

Example 1: Defining RadTileList

<telerik:RadTileList> 
  <telerik:Tile/> 
</telerik:RadTileList> 

Two lines of code are important here:

• The import of the Telerik schema:

Example 2: Importing the Telerik schema

<!--xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"--> 

• The declaration of the RadTileList control inside the Grid:

Example 3: Declaring RadTileList inside a Grid container

<Grid Background="White"> 
  <telerik:RadTileList > 
    <telerik:Tile/> 
  </telerik:RadTileList> 
</Grid> 

Now if you run the application, you have an empty Tile

Select a Tile

You can select a Tile by clicking or tapping on it. The selected Tile will look like:

RadTileList's Tile Types

You can specify the Tile type through its property - TileType.

There are three types of Tiles:

• Single

• Double

• Quadruple

The default Tile's type is - Double.

Change the Default Theme

You can set the theme of RadTileList to one of the predefined themes for the Telerik UI for WPF.

Read the Setting a Theme (Using Implicit Styles)andEditing Control Templates articles for more information.

To see the different themes of RadTileList please check our Theming online example.