(Root:app/components/layout.js)
| Attribute | Description |
|---|---|
data-theme-mode="dark"
|
To set the Dark theme |
dir="ltr"
|
To set LTR version default |
dir="rtl"
|
To set LTR version to RTL version |
data-nav-layout="vertical"
|
To set menu layout to vertical |
data-nav-layout="horizontal"
data-nav-style="menu-click"
|
To set menu layout to horizontal |
data-nav-style="menu-click"
|
To set navigation style to menu click - *Works same for both vertical and horizontal |
data-nav-style="menu-hover"
|
To set navigation style to menu hover - *Works same for both vertical and horizontal |
data-nav-style="icon-click"
|
To set navigation style to icon click - *Works same for both vertical and horizontal |
data-nav-style="icon-hover"
|
To set navigation style to icon hover - *Works same for both vertical and horizontal |
data-width="fullwidth"
|
To set page width to Full Width |
data-width="boxed"
|
To set page width to Boxed |
data-menu-position="fixed"
|
To set menu position Fixed |
data-menu-position="scrollable"
|
To set menu position Scrollable |
data-header-position="fixed"
|
To set header position Fixed |
data-header-position="scrollable"
|
To set header position Scrollable |
data-vertical-style="closed"
|
To set sidemenu layout style Closed - *Does not work for horizontal |
data-vertical-style="icontext"
|
To set sidemenu layout style Icon Text - *Does not work for horizontal |
data-vertical-style="overlay"
|
To set sidemenu layout style Icon Overlay - *Does not work for horizontal |
data-vertical-style="detached"
|
To set sidemenu layout style Detached - *Does not work for horizontal |
data-vertical-style="doublemenu"
|
To set sidemenu layout style Double Menu - *Does not work for horizontal |
(Root:app/components/layout.js)
| Attribute | Description |
|---|---|
data-pattern-img="bgpattern1"
|
To set the background Pattern to bgpattern1 |
data-pattern-img="bgpattern2"
|
To set the background Pattern to bgpattern2 |
data-pattern-img="bgpattern3"
|
To set the background Pattern to bgpattern3 |
data-pattern-img="bgpattern4"
|
To set the background Pattern to bgpattern4 |
data-pattern-img="bgpattern5"
|
To set the background Pattern to bgpattern5 |
data-pattern-img="bgpattern6"
|
To set the background Pattern to bgpattern6 |
data-pattern-img="bgpattern7"
|
To set the background Pattern to bgpattern7 |
data-pattern-img="bgpattern8"
|
To set the background Pattern to bgpattern8 |
data-pattern-img="bgpattern9"
|
To set the background Pattern to bgpattern9 |
data-pattern-img="bgpattern10"
|
To set the background Pattern to bgpattern10 |
data-card-style="style1"
|
To set the card style to style1 |
data-card-style="style2"
|
To set the card style to style2 |
data-card-style="style3"
|
To set the card style to style3 |
data-card-style="style4"
|
To set the card style to style4 |
data-card-style="style5"
|
To set the card style to style5 |
data-card-style="style6"
|
To set the card style to style6 |
data-card-style="style7"
|
To set the card style to style7 |
data-card-style="style8"
|
To set the card style to style8 |
data-card-style="style9"
|
To set the card style to style9 |
data-card-style="style10"
|
To set the card style to style10 |
data-card-background="background1"
|
To set the card background to background1 |
data-card-background="background2"
|
To set the card background to background2 |
data-card-background="background3"
|
To set the card background to background3 |
data-card-background="background4"
|
To set the card background to background4 |
data-card-background="background5"
|
To set the card background to background5 |
data-card-background="background6"
|
To set the card background to background6 |
data-card-background="background7"
|
To set the card background to background7 |
data-card-background="background8"
|
To set the card background to background8 |
data-card-background="background9"
|
To set the card background to background9 |
data-bg-img="bgimg1"
|
To set menu background image1 |
data-bg-img="bgimg2"
|
To set menu background image2 |
data-bg-img="bgimg3"
|
To set menu background image3 |
data-bg-img="bgimg4"
|
To set menu background image4 |
data-bg-img="bgimg5"
|
To set menu background image5 |