The tile manager component enables the dynamic arrangement, resizing, and interaction of tiles.
- Slots
-
default— Default slot for the tile manager. Only `igc-tile` elements will be projected inside the CSS grid container.
- CSS Parts
base— The tile manager CSS Grid container.
Properties
Section titled "Properties"columnCount
Section titled "columnCount"Sets the number of columns for the tile manager. Setting value <= than zero will trigger a responsive layout.
columnCount: numberdragMode
Section titled "dragMode"Whether drag and drop operations are enabled.
dragMode: TileManagerDragModeSets the gap size between tiles in the tile manager.
gap: stringminColumnWidth
Section titled "minColumnWidth"Sets the minimum width for a column unit in the tile manager.
minColumnWidth: stringminRowHeight
Section titled "minRowHeight"Sets the minimum height for a row unit in the tile manager.
minRowHeight: stringresizeMode
Section titled "resizeMode"Whether resize operations are enabled.
resizeMode: TileManagerResizeModeAccessors
Section titled "Accessors"tiles
Section titled "tiles"Gets the tiles sorted by their position in the layout.
get tiles(): IgrTileComponent[]Returns IgrTileComponent[]
Methods
Section titled "Methods"loadLayout
Section titled "loadLayout"Restores a previously serialized state produced by saveLayout.
loadLayout(data: string): voidParameters
- data:
string
Returns void
saveLayout
Section titled "saveLayout"Returns the properties of the current tile collections as a JSON payload.
saveLayout(): stringReturns string
Events
Section titled "Events"onTileDragCancel
Section titled "onTileDragCancel"onTileDragCancel(args: CustomEvent<IgrTileComponent>): voidParameters
- args:
CustomEvent<IgrTileComponent>
Returns void
onTileDragEnd
Section titled "onTileDragEnd"onTileDragEnd(args: CustomEvent<IgrTileComponent>): voidParameters
- args:
CustomEvent<IgrTileComponent>
Returns void
onTileDragStart
Section titled "onTileDragStart"onTileDragStart(args: CustomEvent<IgrTileComponent>): voidParameters
- args:
CustomEvent<IgrTileComponent>
Returns void
onTileFullscreen
Section titled "onTileFullscreen"onTileFullscreen(args: CustomEvent<IgrTileChangeStateEventArgs>): voidParameters
Returns void
onTileMaximize
Section titled "onTileMaximize"onTileMaximize(args: CustomEvent<IgrTileChangeStateEventArgs>): voidParameters
Returns void
onTileResizeCancel
Section titled "onTileResizeCancel"onTileResizeCancel(args: CustomEvent<IgrTileComponent>): voidParameters
- args:
CustomEvent<IgrTileComponent>
Returns void
onTileResizeEnd
Section titled "onTileResizeEnd"onTileResizeEnd(args: CustomEvent<IgrTileComponent>): voidParameters
- args:
CustomEvent<IgrTileComponent>
Returns void
onTileResizeStart
Section titled "onTileResizeStart"onTileResizeStart(args: CustomEvent<IgrTileComponent>): voidParameters
- args:
CustomEvent<IgrTileComponent>