New to Kendo UI for Vue? Start a free 30-day trial
TileLayout Configuration Options
The Kendo UI for Vue Native TileLayout provides various built-in configuration options that allow you to quickly adjust it to your specific application requirements.
The TileLayout features the following options:
- Sets custom number of columns;
- Sets custom row heights and column widths;
- Sets gaps between rows and columns;
- Sets autoFlow algorithm;
- Sets resizing and reordering for the tiles.
Example
View Source
Change Theme:
TileLayout items unique keys
The Kendo UI for Vue Native TileLayout TileLayout provides option for setting unique item key. Set the dataItemKey property to determine the key field. Make sure that the field contains unique values.
The following example demonstrates TileLayout items with unique keys.
Example
View Source
Change Theme:
