Top

Popular Search:

- Starter kit
- Element
- components
- forms
- tables

#### Sidebar Type

Sidebar layouts that can be implemented with just a options change to `"page-wrapper"` ! Please refer the below details

If you want to change layout type for the all pages you have to `set localstorage` settings

#### Vertical sidebar layout

Our default template layout is Vertical sidebar

For the vertical layout, you need to use `compact-wrapper` class with page-wrapper

    <div class="page-wrapper horizontal-wrapper" id="pageWrapper">
    </div>

#### Horizontal sidebar layout

For the horizontal layout, you need to change `compact-sidebar compact-small` to `compact-sidebar compact-small material-ico` class

we are provide code structure for the horizontal menu

    <div class="page-wrapper compact-wrapper" id="pageWrapper">
    </div>

If you want to change whole template in `horizontal menu` then you need to change `one js` also for the `localstorage` settings

    if (localStorage.getItem("page-wrapper") === null) {
       $(".page-wrapper").addClass("horizontal-wrapper");
    }