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 more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
Header-Skeleton
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • 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