Edit this page

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 Silverlight Application project and open it in Visual Studio.

Creating RadTileList

  • Create a new Silverlight project

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

  • Add RadTileList as demonstrated below:

[XAML] Example 1: Defining RadTileList

<telerik:RadTileList x:Name="TileList1">
  <telerik:Tile/>
</telerik:RadTileList>

Two lines of code are important here:

  • The import of the Telerik schema:

[XAML] Example 2: Importing the Telerik schema

<!--xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"-->
  • The declaration of the RadTileList control inside the Grid:

[XAML] 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

Rad Tile List Getting Started image 01 SL

Select a Tile

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

Rad Tile List Getting Started Selected Tile 01 SL

RadTileList's Tile Types

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

There are three types of Tiles:

  • Single

  • Double

  • Quadruple

Rad Tile List Getting Started Tile Types image SL

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

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.