The Telerik ASP.NET TileList rearranges its elements on mobile, so that they fit best on the device screen. Depending on the viewport width, the layout can be:
-
Standard with columns and groups of tiles with rows that flow to the right
-
Tablet-oriented with tile groups appearing under one another, a maximum of four square tiles on a row and no explicit columns
-
Phone-oriented tile groups appear stacked under each other, there are two square tiles on a row and they will zoom to fit the device screen.
To enable the layout change for mobile devices, just set the RenderMode property of the TileList to Mobile and add the following meta tag to the page's head section:
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1"
/>
You can find more information and examples of the responsive capabilities of the RadTileList in its Responsive Layout help article.
See more mobile-optimized demos of Telerik controls in this responsive sample app.