<kendo:tileLayout>
A JSP wrapper for Kendo UI TileLayout.
Configuration Attributes
columns float
Defines the number of columns.
Example
<kendo:tileLayout columns="columns">
</kendo:tileLayout>
columnsWidth java.lang.Object
Determines the width of the columns. Numeric values are treated as pixels.
Example
<kendo:tileLayout columnsWidth="columnsWidth">
</kendo:tileLayout>
height java.lang.Object
Determines the height of the layout. Numeric values are treated as pixels.
Example
<kendo:tileLayout height="height">
</kendo:tileLayout>
navigatable boolean
A value indicating whether keyboard navigation will be enabled.
Example
<kendo:tileLayout navigatable="navigatable">
</kendo:tileLayout>
reorderable boolean
Determines whether the reordering functionality will be enabled.
Example
<kendo:tileLayout reorderable="reorderable">
</kendo:tileLayout>
resizable boolean
Determines whether the resizing functionality will be enabled.
Example
<kendo:tileLayout resizable="resizable">
</kendo:tileLayout>
rowsHeight java.lang.Object
Determines the height of the rows. Numeric values are treated as pixels.
Example
<kendo:tileLayout rowsHeight="rowsHeight">
</kendo:tileLayout>
width java.lang.Object
Determines the width of the layout. Numeric values are treated as pixels.
Example
<kendo:tileLayout width="width">
</kendo:tileLayout>
Configuration JSP Tags
kendo:tileLayout-containers
An array with objects representing the settings of the layout items.
More documentation is available at kendo:tileLayout-containers.
Example
<kendo:tileLayout>
<kendo:tileLayout-containers></kendo:tileLayout-containers>
</kendo:tileLayout>
kendo:tileLayout-gap
An object holding values that determine the spacing between the layout items horizontally and vertically.
More documentation is available at kendo:tileLayout-gap.
Example
<kendo:tileLayout>
<kendo:tileLayout-gap></kendo:tileLayout-gap>
</kendo:tileLayout>
Event Attributes
resize String
Fired when a tile item is resized.
For additional information check the resize event documentation.
Example
<kendo:tileLayout resize="handle_resize">
</kendo:tileLayout>
<script>
function handle_resize(e) {
// Code to handle the resize event.
}
</script>
reorder String
Fired when a tile item is reordered.
For additional information check the reorder event documentation.
Example
<kendo:tileLayout reorder="handle_reorder">
</kendo:tileLayout>
<script>
function handle_reorder(e) {
// Code to handle the reorder event.
}
</script>
Event Tags
kendo:tileLayout-resize
Fired when a tile item is resized.
For additional information check the resize event documentation.
Example
<kendo:tileLayout>
<kendo:tileLayout-resize>
<script>
function(e) {
// Code to handle the resize event.
}
</script>
</kendo:tileLayout-resize>
</kendo:tileLayout>
kendo:tileLayout-reorder
Fired when a tile item is reordered.
For additional information check the reorder event documentation.
Example
<kendo:tileLayout>
<kendo:tileLayout-reorder>
<script>
function(e) {
// Code to handle the reorder event.
}
</script>
</kendo:tileLayout-reorder>
</kendo:tileLayout>