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