Styles in ASP.NET Core Skeleton Control

6 Dec 20221 minute to read

You can customize skeleton control in the below ways.

CssClass

You can customize the style of a Skeleton control by using cssClass. The appearance of ASP.NET Core Skeleton can be customized by changing the wave color, background color, width, and height.

CSHTML

@using Syncfusion.EJ2.Notifications

<ejs-skeleton id="skeleton" shape="Circle" width="60px" cssClass="e-customize"></ejs-skeleton>

<style>
    .e-customize.e-skeleton.e-shimmer-wave::after{
        background-image: linear-gradient(90deg, transparent calc(50% - 100px), 
        rgb(30 128 234 / 50%) 50%, 
        transparent calc(50% + 100px));
    }
    .e-customize.e-skeleton.e-skeleton-circle{
        background-color: #a8c1f2;
    }
</style>

Visible

You can use the visible property which defines the visible state of Skeleton.

CSHTML

@using Syncfusion.EJ2.Notifications

<ejs-skeleton id="skeleton" shape="Circle" width="60px" visible=false></ejs-skeleton>