New to Kendo UI for Vue? Start a free 30-day trial

Resizing

Users can resize the tiles by dragging their bottom and right-hand side borders or the bottom-right corner. Use the resizable property to determine if the tile can be resized or allow one-direction resizing only.

The possible values are:

  • 'horizontal'—Users can resize the tile only in a horizontal direction by using the right resize handle.
  • 'vertical'—Users can resize the tile only in a vertical direction by using the bottom resize handle.
  • true (Default)—Users can resize the tile in both horizontal and vertical directions by using the resize handles from the right and bottom sides and bottom-right corner.
  • false—Users cannot resize the tile.

Extending a tile in the direction of an adjacent tile will push the adjacent tile down on the next row but on the same column-line. Narrowing a tile produces a gap that can be filled by another, if it fits and if it's on the same column-line.

Note: The resizing functionality is enabled by default.

Example
View Source
Change Theme:

In this article

Not finding the help you need?