grid.gapObject
An object holding values that determine the spacing between the skeleton items horizontally and vertically.
Example
<div id="skeleton"></div>
<script>
$("#skeleton").kendoSkeletonContainer({
width: 300,
height: 250,
grid: {
columns: 4,
rows: 3,
gap: {
columns: 8,
rows: 12
},
items: [
{
colStart: 1,
colSpan: 1,
rowStart: 1,
rowSpan: 1,
shape: "rectangle"
},
{
colStart: 2,
colSpan: 1,
rowStart: 1,
rowSpan: 1,
shape: "rectangle"
}
]
},
animation: "pulse"
});
</script>In this article