ASP.NET MVC Skeleton

  • Improve user experience by creating an accurate representation of how content is going to be displayed even before it’s loaded with the SkeletonContainer of Telerik UI for ASP.NET MVC.
  • Part of the Telerik UI for ASP.NET MVC library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms and more!
Telerik UI for ASP.NET MVC Suite
  • Overview

    The Telerik UI for ASP.NET MVC Skeleton screen is a loading container that displays a non-interactive wireframe preview visually resembling the underlying element that is being loaded. The Skeleton helps to reduce loading-time frustration and increase the perceived performance for users by creating an accurate representation of the content layout. 

    Telerik UI for ASP.NET MVC Skeleton Overview
  • Item Configurations

    The SkeletonContainer HtmlHelper uses the default CSS Grid layout as a base. Each cell or group of cells from the CSS Grid can be represented by an item from the SkeletonContainer.
  • Grid Integration

    The SkeletonContainer is a versatile widget that can be seamlessly integrated with other Telerik UI for ASP.NET MVC components, including the Grid, to indicate that content is being loaded. The Skeleton container is shown automatically every time the grid requests new data. 
    Telerik UI for ASP.NET MVC Skeleton Integration
  • Theming

    The Skeleton component comes with several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which resembles the Bootstrap styling) and Fluent (based on Microsoft Fluent UI). You can easily customize any of the available themes with a few lines of CSS or create a new theme using the Telerik SASS ThemeBuilder application. 

    Telerik UI for ASP.NET MVC Skeleton Theming

All ASP.NET MVC Components

Next Steps