New to Kendo UI for AngularStart a free 30-day trial

TileLayoutItemComponent

Represents a tile item within the TileLayoutComponent.

html
<kendo-tilelayout>
  <kendo-tilelayout-item [title]="'Item 1'" [colSpan]="2">
    <p>Item content goes here</p>
  </kendo-tilelayout-item>
</kendo-tilelayout>

Selector

kendo-tilelayout-item

Inputs

NameTypeDefaultDescription

col

number

Sets the starting column position of the item (see example).

colSpan

number

1

Sets how many columns the tile item spans (see example).

order

number

Sets the order of the tile item within the TileLayout. When not set, items receive increasing order values based on their DOM position.

reorderable

boolean

true

Enables or disables individual item reordering.

resizable

boolean

true

Enables or disables individual item resizing.

row

number

Sets the starting row position of the item (see example).

rowSpan

number

1

Sets how many rows the tile item spans (see example).

title

string

Sets the title text that appears in the item header (see example).

In this article
SelectorInputs
Not finding the help you need?
Contact Support