Top

Layouts


We have provided a bunch of page layouts and menu layouts that can be implemented with just a options change to "page-wrapper" ! Please refer the below details.

Layouts changes as the classes in the below given div tag changes.

<div class="page-wrapper compact-sidebar compact-small" [ngClass]="LAYOUT_CLASSES_HERE" id="pageWrapper"></div>
            

How to use other layouts?

Add particular class for each layout in above above mentioned div.

Below class needs to be added with page-wrapper class when you want to add particular layout

layout

Tokyo

class ="compact-sidebar compact-small material-icon"

layout

Barcelona

class ="compact-sidebar compact-small"