Drag & Drop

Drag & drop the blue boxes to change the order of them. You can also test some controls below each grid.

Grid #1 - Three columns

  • Group this item
  • Erase
    • Erase this item
    • Erase group (0 items)
Initial setting Undo changes (0) Ungroup 0 items Erase

Grid #2 - Four columns

  • Group this item
  • Erase
    • Erase this item
    • Erase group (0 items)
Initial setting Undo changes (0) Ungroup 0 items Erase

Grid #3 - Five columns

  • Group this item
  • Erase
    • Erase this item
    • Erase group (0 items)
Initial setting Undo changes (0) Ungroup 0 items Erase

No action was performed

The current configuration is equal to the initial one.

Start to drag and release the blocks of the grids to test their functioning.

Back to demo

Proceed with deletion?

You are deleting 5 items from the current grid.

Don't worry, you can still undo this action using the undo button placed under the grid.

Delete 5 itemsCancel
Close

The default configuration of the current grid was successfully restored.

Layout
Close

The previous layout of the current grid was successfully restored.

Undo movement
Close

You successfully restored 0 items of the current grid.

Undo erase
Close

0 items were successfully ungrouped from the current grid.

Ungroup
Close

0 items were successfully deleted from the current grid.

Erase