Modern Layouts

This layout focuses on sleek, minimalistic design with a strong emphasis on contemporary aesthetics. It typically features clean lines, intuitive navigation, and innovative design elements for a fresh and engaging user experience. Do the below changes in the Admin/Pages/_Layout.cshtml file. In the html tag add the attributes or update the value of existing attribute. Make sure to clear cache or open in incognito mode to achieve the changes.

Modern

data-layout="modern"

Content Width:

Default

data-content-width="default"

Fluid

data-content-width="fluid"

Sidebar Size:

Default (Large)

data-sidebar="default"

Medium

data-sidebar="medium"

Small

data-sidebar="small"

Sidebar Colors:

Light Colors

data-sidebar-colors="default"

Dark Colors

data-sidebar-colors="dark"

Brand Colors

data-sidebar-colors="brand"

Purple Colors

data-sidebar-colors="purple"

Sky Colors

data-sidebar-colors="sky"