PHP TileLayout

Grid Configuration

Configuring the grid is straightforward - specify a grid of X rows by Y columns for the container and then tell the component the width and height of every contained item. This not unlike how a CSS Grid works so if you have ever used CSS Grids, you will immediately be familiar with the TileLayout.
Add/Remove Items 

New tiles can be added and existing tiles removed dynamically by the user as their needs change. Doing so is as easy as dragging and dropping the new tiles and clicking the X icon on the top right of the tiles that are no longer needed.
Resizable and Reorderable Elements

Any component placed in a TileLayout, will available to the user for resizing and reodering. By simply dragging and dropping items, every user can set up their work environment the most convenient way.
Keyboard Navigation 

With ten different key bindings, the TileLayout component is as good at being operated by the keyboard, as with a mouse. Use Tab to move around tiles, Shift+Arrows to reorder items and Ctrl+Arrows to resize them.
Overview

Giving our clients maximum customization is a core pillar of Progress. Customization doesn't end with the developer though - it is important for the end user just as much. The Telerik UI for PHP TileLayout component is a container which allows the user to rearranhe any of its children by dragging and dropping. Imagine a dashboard-style screen where the user spends the majority of his time looking at the same things - give them the ability to reorder and resize the dashboard to make them feel at home.