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.

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.