Layouts

Layouts in Pages help you to customize the main view of your app, this comes with pre built layout options that will be updated over time. We made it really simple to change layouts, by simply changing a class name your entire layout will change automatically and adopt to any screen.

Layouts:

• Divided Header & Condensed / Quick Menu - Default
• Full Width Header & Condensed/ Quick Menu
• Divided Header & Fixed/Pinned Menu
• Full Width Header & Fixed/Pinned Menu

Divided Header & Condensed / Quick Menu - Default

This is the default Pages layout style

Full Width Header & Condensed/ Quick Menu

The header gets overlaped by a condensed menu, to get this option add the class menu-behind to the body

Divided Header & Fixed/Pinned Menu

The Traditional Dashboard layout, to get this option add the class menu-pin to the body

Full Width Header & Fixed/Pinned Menu

The header overlaps an opened menu, to get this option add both classes menu-pin menu-behind to the body