gridObject
Defines the settings for the CSS Grid used for layouting the skeleton shapes.
Example
<div id="skeleton"></div>
<script>
$("#skeleton").kendoSkeletonContainer({
width: 400,
height: 300,
grid: {
columns: 3,
rows: 2,
gap: {
columns: 10,
rows: 15
},
items: [
{
colStart: 1,
colSpan: 1,
rowStart: 1,
rowSpan: 1,
shape: "rectangle"
},
{
colStart: 2,
colSpan: 1,
rowStart: 1,
rowSpan: 1,
shape: "rectangle"
}
]
},
animation: "wave"
});
</script>
In this article