background

Kendo UI for jQuery

jQuery SkeletonContainer

  • Reduce perceived initial load times by showing sleek looking place holders while images load.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Header-Skeleton
  • Overview

    The jQuery SkeletonContainer component helps you reduce the perceived initial load time by displaying a placeholder on the screen while other content loads. This element’s default design is a grey box, but you can choose from other shapes and add animations. Use the Skeleton wherever you need to load large data and other complex content including other Kendo UI for jQuery components!

    See the jQuery SkeletonContainer demo

    jquery-skeleton-component
  • Items

    The SkeletonContainer uses the default CSS Grid layout to render the placeholder. Each cell or group of cells from the CSS Grid can be represented by an item from the SkeletonContainer. All you need to do is indicated which cells to occupy and the shape to use to occupy them.

    Read the jQuery SkeletonContainer Items documentation

All Kendo UI for jQuery Components

Next Steps

Next Steps