You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
> [!Warning] Due to the iframe permissions policy, the fullscreen button in this example will only work when the example is opened in standalone mode by clicking the 'Expand to fullscreen' button in the top-right corner.
19
+
> [!Warning]
20
+
> Due to the iframe permissions policy, the fullscreen button in this example will only work when the example is opened in standalone mode by clicking the 'Expand to fullscreen' button in the top-right corner.
20
21
21
22
## Usage
22
23
@@ -432,7 +433,8 @@ Resizing in the Tile Manager is a functionality that allows tiles to be resized
432
433
433
434
To ensure smooth resizing, a ghost element is used instead of directly modifying the tile’s dimensions. This element appears on top of the original tile, displaying its current dimensions when resizing begins, and it updates in real time as the user drags any of the resize handles.
434
435
435
-
> [!Note] If the ghost element exceeds the available grid space, it will automatically adjust to the largest possible span within the grid's limits.
436
+
> [!Note]
437
+
> If the ghost element exceeds the available grid space, it will automatically adjust to the largest possible span within the grid's limits.
436
438
437
439
The Tile Manager automatically rearranges itself when a tile changes size, ensuring that there is minimal empty space. That's why expanding a tile may push adjacent tiles into new positions, while shrinking creates gaps that other tiles may fill dynamically. This ensures that the Tile Manager stays as compact as possible, without any overlapping tiles, and that all movements remain within the defined grid structure.
438
440
@@ -499,7 +501,8 @@ You can reorder tiles in the Tile Manager using the drag-and-drop feature. By de
499
501
- With the `tile` option, you can click and hold anywhere on an individual tile to start dragging it.
500
502
- With the `tile-header` option, you can only click and hold in the tile's header section to start the dragging process.
501
503
502
-
> [!Note] While the tile is in maximized or fullscreen state, the tile cannot be dragged.
504
+
> [!Note]
505
+
> While the tile is in maximized or fullscreen state, the tile cannot be dragged.
503
506
504
507
Similar to resizing, when you initiate the drag-and-drop process, a ghost element appears beneath the tile you’ve grabbed. As you drag the tile, the ghost element moves with it, dynamically reordering the other tiles in real time. This allows you to preview how the tile grid will look when you drop the tile.
0 commit comments