Horizontal Layouts

If you would like to have Horizontal Menu (or Topnav) based layout, simply include file partials/horizontal.html file E.g. @@include('partials/horizontal.html').

In order to add, change or remove any ui elements from the top bar, simply edit in file src/partials/horizontal.html. The change would reflect in all the files automatically.

How to use pre-built layouts?

Each of the layout options is provided below with steps you would need to perform:

image
Boxed Layout
Keep your body element with data attribute data-layout-size="boxed" data-layout="horizontal" E.g. <body data-layout-size="boxed" data-layout="horizontal"> to have boxed layout.