# WebForms TileList Overview

**RadTileList** brings the popular Windows 8 Start Menu interface to the web and lets you build a user friendly navigationfor your site. Take advantage of the predefined tile types and shapes to build an engaging menu for your users.

Since **Q3 2013** the [Tiles](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/tiles/overview) can be used as standalone controls with their own events, methods and properties.

#### Top Features

The control offers a rich set of features:

* **Various Tile types**

  * [Text tile](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/tiles/text-tile)—for simple text

  * [Image tile](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/tiles/image-tile)—for a simple image

  * [Image And Text tile](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/tiles/imageandtext-tile)—An image and text below

  * [Icon tile](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/tiles/icon-tile)—a smaller image is placed in the middle of the tile

  * [ContentTemplate tile](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/tiles/contenttemplate-tile)—lets you create your own layout inside the tile

  * [Live tile](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/tiles/live-tile/overview)—performs periodic requests for data that it will feed into your template

* **Two tile shapes**

  * Wide—310x150px

  * Square—150x150px

* **[All essential tile elements](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/tiles/badge-and-title-elements)**

  * Title—an image or text in the tile's bottom corner that indicates the purpose of the tile

  * Badge—a smaller image or a numerical value in the other bottom corner. A predefined set of images that match our skins is also available

* **[Group Titles](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/functionality/group-title)**

* **[Data binding](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/data-binding/overview)**—the control can generate Tiles according to information from a datasource.

* **[Client-side Data binding](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/data-binding/client-side-data-binding)**—the control can generate Tiles according to informationfrom a simple client-side datasource or using the **RadClientDataSource** control.

* **[Responsive layout](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/mobile-support/responsive-capabilities)**—the layout of the tiles and groups can change automatically according to the browser's viewport size to provide the best fit.

* **[Peek templates](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/tiles/peek-template)**—customizable content that will replace the original tile contentaccording to a set of rules—automatic timers, mouseover and mouseout; as well as a rich set of animations.

* **[Drag and drop](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/functionality/drag-and-drop)**—tiles can be dragged to a different location so the end user can customize the appearance of the TileList.

* **[Rich API and events](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/server-side-programming/tilelist-object)**—both on the server and on the client

* **[Easy navigation](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/functionality/navigation)**—just set an URL and target to take the user to the desired page

* **[Native scrolling](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/functionality/scrolling)**—you can let the browser scroll the control, disable scrolling, or let evendesktop users benefit from click-and-drag scrolling like in a touch device.

* **[Customizable selection](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/functionality/selecting)**—the users can select tiles like in Windows8 so you can get this information.You can let them select as many as they like, only one, or disable the feature.

* **[Right-to-left support](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/accessibility-and-internationalization/right-to-left-support)**

* **[Semantic rendering](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/mobile-support/render-modes)**—as lightweight as possible, no tables are used and the title elements are `<h6>` elements.

Here is an example of what you can achieve with the control:![tilelist-overview-example](https://www.telerik.com/products/aspnet-ajax/documentation/assets/a818f0c4e7b79325f466288c21492416/tilelist-overview-example.png)

## See Also

* [Tiles Overview](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/tiles/overview)

* [Online Demos](https://demos.telerik.com/aspnet-ajax/tilelist/examples/overview/defaultcs.aspx)

* [Telerik UI for ASP.NET AJAX Components](https://www.telerik.com/products/aspnet-ajax.aspx)