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

Represents a tile item within the TileLayoutComponent.

Definition

Package:@progress/kendo-angular-layout

Selector:kendo-tilelayout-item

Syntax:

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

Inputs

col

number

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

colSpan

number

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

Default:

1

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.

Enables or disables individual item reordering.

Default:

true

resizable

boolean

Enables or disables individual item resizing.

Default:

true

row

number

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

rowSpan

number

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

Default:

1

title

string

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