TileLayoutComponent
Represents the Kendo UI TileLayout component for Angular
Selector
kendo-tilelayout
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
autoFlow |
|
Controls how the auto-placement algorithm works, specifying exactly how auto-placed items are flowed in the TileLayout (see example). For further reference, check the grid-auto-flow CSS article. The possible values are:
| |
columns |
|
|
Defines the number of columns (see example). |
columnWidth |
|
|
Determines the width of the columns. Numeric values are treated as pixels (see example). |
gap |
|
The numeric values which determine the spacing in pixels between the layout items horizontally and vertically. Properties:
When bound to a single numeric value, it will be set to both | |
navigable |
|
|
If set to true, the user can use dedicated shortcuts to interact with the TileLayout. By default, navigation is disabled and focusable TileLayout content is a part of the natural tab sequence of the page. |
reorderable |
|
|
Determines whether the reordering functionality will be enabled (see example). |
resizable |
|
|
Determines whether the resizing functionality will be enabled (see example). |
rowHeight |
|
|
Determines the height of the rows. Numeric values are treated as pixels (see example). |
Fields
| Name | Type | Default | Description |
|---|---|---|---|
items |
|
A query list of all declared TileLayoutItemComponent items. |
Events
| Name | Type | Description |
|---|---|---|
reorder |
|
Fires when the user completes the reordering of the item (see example). This event is preventable. If you cancel it, the item will not be reordered. |
resize |
|
Fires when the user completes the resizing of the item (see example). This event is preventable. If you cancel it, the item will not be resized. |
