You can change the layout by adding the attribute to the html tag in html file
| Attribute | Description |
|---|---|
dir="rtl"
|
To set LTR version to RTL version |
data-layout="horizontal",
data-hor-style="hor-click"
|
To set Horizontal Click Menu |
data-layout="horizontal",
data-hor-style="hor-hover"
|
To set Horizontal Hover Menu |
data-layout="vertical",
data-vertical-style="default"
|
To set default vertical menu (note: This Layout doesnot work in horizontal) |
data-layout="vertical",
data-vertical-style="closed"
|
To set Closed Vertical Menu Style (note: This Layout doesnot work in horizontal) |
data-layout="vertical",
data-vertical-style="icontext"
|
To set Icontext Vertical Menu Style (note: This Layout doesnot work in horizontal) |
data-layout="vertical",
data-vertical-style="overlay"
|
To set Overlay Vertical Menu Style (note: This Layout doesnot work in horizontal) |
data-layout="vertical",
data-vertical-style="hover"
|
To set Hover Sub Menu Vertical Style (note: This Layout doesnot work in horizontal) |
data-layout="vertical",
data-vertical-style="hover1"
|
To set Hover Sub Menu Vertical Style 1 (note: This Layout doesnot work in horizontal) |
data-layout="vertical",
data-vertical-style="doublemenu"
|
To set Double Menu Style (note: This Layout doesnot work in horizontal) |
data-layout="vertical",
data-vertical-style="doublemenu-tabs"
|
To set Double Menu with Tabs Style (note: This Layout doesnot work in horizontal) |
data-width="boxed"
|
To set Default Layout to Boxed Layout |
data-position="scrollable"
|
To set Default Layout form position Fixed to scrollable |