Styles in ASP.NET MVC 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 MVC Skeleton can be customized by changing the wave color, background color, width, and height.

@using Syncfusion.EJ2.Notifications

@Html.EJS().Skeleton("skeleton").Shape(SkeletonType.Circle).Width("60px").CssClass("e-customize").Render()

<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>
public ActionResult Customize()
{
    return View();
}

ASP.NET MVC Skeleton CssClass

Visible

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

@using Syncfusion.EJ2.Notifications

@Html.EJS().Skeleton("skeleton").Shape(SkeletonType.Circle).Width("60px").Visible(false).Render()
public ActionResult Visible()
{
    return View();
}