Enable the Skeleton Screen in an ASP.NET Core Application

• Jan 16, 2026
• 2 minutes to read

Skeleton screens indicate that a screen or a component is being loaded. Skeleton screens use a shape similar to actual content during load operations to mimic the screen or component layout. The following image illustrates the skeleton screen shown for the Web Document Viewer:

The skeleton screen is enabled in a project based on the DevExpress Reporting ASP.NET Core template. You can create a sample project using templates and review code for skeleton screen implementation details. For information on the DevExpress Template Gallery, refer to the following help topic: Use DevExpress Visual Studio Templates to Create an ASP.NET Core Reporting App with a Document Viewer.

If your project is not based on the DevExpress Template Gallery, modify the project files to enable the skeleton screen as follows:

1. Reference the dx-reporting-skeleton-screen.css file from the devexpress-reporting npm package on the page that contains the Document Viewer control:

2. Render scripts in the specified section after all other scripts are rendered:

3. Specify the dx-reporting-skeleton-screen.css file in the bundle configuration:

4. Rebuild and run the project.