The Kendo Ui for jQuery TileLayout component is presents various data visualizations in interactive dashboard-like views. It displays and aligns a collection of tiles into columns and rows. The tiles can contain other Kendo UI for jQuery components, can be static or dynamic, and are highly customizable. 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 components during these events.
Each tile contains a header and a body, and each can be configured for size, position, style, content, and much more. This allows you to display virtually anything in your dashboard view.
By default, TileLayout allows users to drag and drop to reorder tiles, but you can choose to disable that feature. If you choose to allow them to drag and reorder tiles, Kendo UI for jQuery TileLayout will automatically reorder the rest of the tiles with auto flow.
By default, each tile is resizable. When a user enlarges or shrinks a tile, the TileLayout component will automatically reorder the tiles with auto flow. You can also disable this feature if you would rather keep your tile sizes static.
For more interactivity, TileLayout provides features to allow users to add and/or remove tiles from their view. Users remove tiles either by clicking a close button in each card or by dragging it off the surfce. Users add tiles to the view by dragging a tile from a different location onto their dashboard surface.
Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.