<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>

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>
In this article
Not finding the help you need?