Back to Devexpress

Enable the Skeleton Screen in an ASP.NET Core Application

xtrareports-401831-web-reporting-asp-net-core-reporting-document-viewer-in-asp-net-applications-customization-enable-skeleton-viewer.md

latest1.5 KB
Original Source

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.