Getting Started with Kendo UI for Angular TileLayout

The TileLayout component displays and aligns a collection of tiles into columns and rows. The tiles are highly customizable in terms of content, size, positioning, and the spacing that separates them. The TileLayout also allows for end-users to rearrange and resize any of the tiles while giving the developer full control over the flow of the component during these events.

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

Basic Usage

The following example demonstrates the TileLayout in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Functionality and Features

Events

The following example demonstrates the TileLayout reorder and resize events. Both events are preventable.

Example
View Source
Edit In Stackblitz  
Change Theme:

Known Limitations

The TileLayout component is not supported in IE 11 and below as its implementation relies entirely on the CSS Grid Layout.