Vertical Layout

How to use pre-built layouts?

For Vertical layout,Each of the layout options is provided below with steps you would need to perform in the layouts/body.php file:

image
Dark Sidebar
Add data attribute in body element data-sidebar="dark" data-layout="vertical" E.g. <body data-sidebar="dark" data-layout="vertical" > to have dark sidebar.
image
Compact Sidebar
Keep your body element with data attribute data-sidebar-size="md" data-layout="vertical" E.g. <body data-sidebar-size="md" data-layout="vertical" > to have small sidebar.
image
Icon Sidebar
Keep your body element with data attribute data-sidebar-size="sm" data-layout="vertical" E.g. <body data-sidebar-size="sm" data-layout="vertical" > to have small sidebar.
image
Boxed Layout
Keep your body element with data attribute data-layout-size="boxed" data-layout="vertical" and data attribute data-sidebar-size="sm" E.g. <body data-layout-size="boxed" data-layout="vertical" data-sidebar-size="sm"> to have boxed layout with icon view sidebar.
image
Brand Sidebar
Keep your body element with data attribute data-sidebar="brand" data-layout="vertical" E.g. <body data-sidebar="brand" data-layout="vertical" > to have colored sidebar.
image
Scrollable Layout
Keep your body element with data attribute data-layout-scrollable="true" data-layout="vertical" E.g. <body data-layout-scrollable="true" data-layout="vertical" > to have Scrollable Layout.
© Themesdesign.
Crafted with by Themesdesign