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();
}
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();
}