Kendo UI for jQuery TileLayout Overview

Loading Demo...

Also available for:

kendo ui kendoka logo

The TileLayout component is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.


The Kendo UI TileLayout is based on the two-dimensional CSS grid and is able to display content in draggable and reorderable tiles.

This demo shows how the TileLayout component can be used as a dashboard containing additional Kendo components.

The jQuery TileLayout control is part of Kendo UI for jQuery, a comprehensive, professional-grade UI library for building modern and feature-rich applications. The Kendo UI for jQuery collection provides 110+ UI components, an abundance of data-visualization gadgets, client-side data source, and a built-in MVVM (Model-View-ViewModel) library.

This TileLayout example is part of a unique collection of hundreds of jQuery demos, with which you can see all Kendo UI for jQuery components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Kendo UI for jQuery Dojo or ThemeBuilder.

Functionality and Features

  • Reordering-You can review how the tiles of the component can be dragged to change their position.
  • Resizing-The TileLayout allows you to resize its tiles.
  • Containers-Check how you can configure the tiles through the containers option.
  • Adding and Removing Tiles-The TileLayout allows you to easily add and remove tiles.

Support & Learning Resources

Additional Resources