# Image Tile

A **RadImageTile** uses an image as the primary content of the tile. It begins from 0,0 and can be as large as the tile. If it is larger it will be clipped. Unlike the [ImageAndText tile](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/tiles/imageandtext-tile)  it has no text and the Title element is not limited to a smaller size.

![tilelist-image Tile-documentation-example](https://www.telerik.com/products/aspnet-ajax/documentation/assets/c6223d6f55f9b29534109f7c42a1170e/tilelist-imagetile-documentation-example.png)

> note The examples below show specific functionality for the given tile type, for more information on the general options	for navigation and selecting please examine the additional resources at the end of the article.

**RadTileList** example:

```ASP.NET
<telerik:RadTileList RenderMode="Lightweight" runat="server" ID="RadTileList1" Skin="Metro">
	<Groups>
		<telerik:TileGroup>
			<telerik:RadImageTile ImageUrl="img_documentation.png" Shape="Wide">
				<Title Text="Documentation"></Title>
			</telerik:RadImageTile>
		</telerik:TileGroup>
	</Groups>
</telerik:RadTileList>
```

Standalone **Tile** example:

```ASP.NET
<telerik:RadImageTile ID="Tile1" runat="server" ImageUrl="img_documentation.png" Shape="Wide">
	<Title Text="Documentation"></Title>
</telerik:RadImageTile>
```

Where *img_documentation.png* is 310x150px.

## See Also

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

* [Peek Template](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/tiles/peek-template)

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

* [Navigation](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/functionality/navigation)

* [Selecting](https://www.telerik.com/products/aspnet-ajax/documentation/controls/tilelist/functionality/selecting)