The tile component is used within the tile manager as a container for displaying various types of information.
Slots
default — Default slot for the tile's content.
title — Renders the title of the tile header.
maximize-action — Renders the maximize action element of the tile header.
fullscreen-action — Renders the fullscreen action element of the tile header.
actions — Renders items after the default actions in the tile header.
side-adorner — Renders the side resize handle of the tile.
corner-adorner — Renders the corner resize handle of the tile.
bottom-adorner — Renders the bottom resize handle of the tile.
CSS Parts
base — The wrapper for the entire tile content, header and content.
header — The container for the tile header, including title and actions.
title — The title container of the tile.
actions — The actions container of the tile header.
content-container — The container wrapping the tile’s main content.
tile-container — The wrapper around the tile content and its resize adorners.
trigger-side — The side resize handle of the tile.
trigger — The corner resize handle of the tile.
trigger-bottom — The bottom resize handle of the tile.

Properties

Section titled "Properties"

_tileContent

Section titled "_tileContent"

Not cached: toggling _resizeDisabled (maximize, fullscreen, resize mode) switches the render template and recreates this element.

 
_tileContent: HTMLElement

colSpan

Section titled "colSpan"

The number of columns the tile will span.

 
colSpan: number

colStart

Section titled "colStart"

The starting column for the tile.

 
colStart: number | null

disableFullscreen

Section titled "disableFullscreen"

Whether to disable the rendering of the tile fullscreen-action slot and its default fullscreen action button.

 
disableFullscreen: boolean

disableMaximize

Section titled "disableMaximize"

Whether to disable the rendering of the tile maximize-action slot and its default maximize action button.

 
disableMaximize: boolean

disableResize

Section titled "disableResize"

Indicates whether to disable tile resize behavior regardless of its tile manager parent settings.

 
disableResize: boolean

maximized

Section titled "maximized"

Indicates whether the tile occupies all available space within the layout.

 
maximized: boolean

position

Section titled "position"

Gets/sets the tile's visual position in the layout. Corresponds to the CSS order property.

 
position: number

rowSpan

Section titled "rowSpan"

The number of rows the tile will span.

 
rowSpan: number

rowStart

Section titled "rowStart"

The starting row for the tile.

 
rowStart: number | null

Accessors

Section titled "Accessors"

fullscreen

Section titled "fullscreen"

Indicates whether the tile occupies the whole screen.

 
get fullscreen(): boolean

Returns boolean

Events

Section titled "Events"

onTileDragCancel

Section titled "onTileDragCancel"

Fired when a tile drag operation is canceled by the user.

 
onTileDragCancel(args: CustomEvent<IgrTileComponent>): void

Parameters

Returns void

onTileDragEnd

Section titled "onTileDragEnd"

Fired when a drag operation with a tile is successfully completed.

 
onTileDragEnd(args: CustomEvent<IgrTileComponent>): void

Parameters

Returns void

onTileDragStart

Section titled "onTileDragStart"

Fired when a drag operation on a tile is about to begin. Cancelable.

 
onTileDragStart(args: CustomEvent<IgrTileComponent>): void

Parameters

Returns void

onTileFullscreen

Section titled "onTileFullscreen"

Fired when the fullscreen state of the tile changes.

 
onTileFullscreen(args: CustomEvent<IgrTileChangeStateEventArgs>): void

Parameters

Returns void

onTileMaximize

Section titled "onTileMaximize"

Fired when the maximize state of the tile changes.

 
onTileMaximize(args: CustomEvent<IgrTileChangeStateEventArgs>): void

Parameters

Returns void

onTileResizeCancel

Section titled "onTileResizeCancel"

Fired when a resize operation on a tile is canceled by the user.

 
onTileResizeCancel(args: CustomEvent<IgrTileComponent>): void

Parameters

Returns void

onTileResizeEnd

Section titled "onTileResizeEnd"

Fired when a resize operation on a tile is successfully completed.

 
onTileResizeEnd(args: CustomEvent<IgrTileComponent>): void

Parameters

Returns void

onTileResizeStart

Section titled "onTileResizeStart"

Fired when a resize operation on a tile is about to begin. Cancelable.

 
onTileResizeStart(args: CustomEvent<IgrTileComponent>): void

Parameters

Returns void