gap.rows Number
A value in pixels determining the space between vertical spacing between the layout items.
Example - set the gap for the rows
<script id="first" type="text/x-kendo-template">
<h3>A</h3>
</script>
<script id="second" type="text/x-kendo-template">
<h3>B</h3>
</script>
<div id="tilelayout"></div>
<script>
$("#tilelayout").kendoTileLayout({
containers: [
{
colSpan: 1,
rowSpan: 1,
header: {
text: "Item one"
},
bodyTemplate: kendo.template($("#first").html())
},
{
colSpan: 1,
rowSpan: 1,
header: {
text: "Item two"
},
bodyTemplate: kendo.template($("#second").html())
}
],
gap: {
rows: 30
},
columns: 4
});
</script>