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
gridRelated Properties
Not finding the help you need?
Contact Support