gapObject

An object holding values that determine the spacing between the layout items horizontally and vertically.

Example

<div id="tilelayout"></div>
<script>
$("#tilelayout").kendoTileLayout({
    containers: [
        {
            colSpan: 1,
            rowSpan: 1,
            bodyTemplate: "<p>Item 1</p>"
        },
        {
            colSpan: 1,
            rowSpan: 1,
            bodyTemplate: "<p>Item 2</p>"
        },
        {
            colSpan: 1,
            rowSpan: 1,
            bodyTemplate: "<p>Item 3</p>"
        }
    ],
    columns: 3,
    gap: {
        columns: 20,
        rows: 15
    }
});
</script>
In this article
gapRelated Properties
Not finding the help you need?
Contact Support