Horizontal menu configuration
If you would like to have Horizontal Menu (or Topnav) based layout,
- NodeJs
-
You can simply use copy paste the
views/partials/body.ejsbody tag to make changes in all the pages.
In order to add, change or remove any ui elements from the top
bar, simply edit in
file
views/partials/horizontal.ejs.
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 in the
views/partials/layout.ejs
file:
Topbar Light
Keep your body element with data attributedata-topbar="dark" data-layout="horizontal"
E.g.
<body data-topbar="dark" data-layout="horizontal">
to have light topbar and dark menubar.
Colored Header
Keep your body element with data attributedata-layout-size="boxed" data-topbar="dark" data-layout="horizontal"
E.g.
<body data-layout-size="boxed" data-topbar="dark" data-layout="horizontal">
to have boxed layout.