R1 2019 Release is here. See what's new!
Change Theme

SASS Themes

LESS Themes

SASS Theme Builder

Create new or customize SASS themes
Launch Theme Builder



The Kendo UI TileLayout is based on the two-dimensional CSS grid and is able to display content in tiles. They can be dragged around and rearranged as desired by the user. The tiles can be resized to change the way they span across the rows and columns and they can be reordered. This demo shows an example dashboard usage of the Kendo UI TileLayout widget. For more information about the Kendo UI TileLayout widget refer to the documentation and its API.

In this example, the chart category axis is hidden and shown depending on the column span. Alternatively, the chart baseUnit and the labels.rotation can be set to auto.

HTML5/JavaScript source

Also available for:

API Reference
  • index.html
  • Widget configuration

Support & learning resources

TileLayout for other technologies