grid.items.shape String (default: 'text')

A value that determines the shape of the item. Valid options are

  • rectangle: sets a rectangular form for the item
  • text: mimics a text placeholder for the item
  • circle: sets a circular shape for the item.

Example - set the shape for an item

<div id="skeleton"></div>
<script>
$("#skeleton").kendoSkeletonContainer({
    width: 200,
    height: 300,
    grid: {
        items: [
            {
                colStart: 1,
                colSpan: 1,
                rowStart: 1,
                rowSpan: 1,
                shape: "rectangle"
            },
            {
                colStart: 2,
                colSpan: 1,
                rowStart: 1,
                rowSpan: 1,
                shape: "circle"
            }
        ],
        columns: 4,
        rows: 4
    }
});
</script>
In this article