Horizontal menu configuration
If you would like to have Horizontal Menu (or Topnav) based layout,
- HTML
-
Simply update
<body data-layout="horizontal" data-topbar="dark">in thesrc/partials/body.htmlfile and
Remove other includes and add@in the@include('horizontal.html') src/partials/menu.htmlfile.
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 in the resources/views/layouts/master.blade.php file:
Topbar Light
Keep your body element with data attributedata-topbar="light" data-layout="horizontal" E.g. <body data-topbar="light" data-layout="horizontal"> to have light topbar and dark menubar.
Colored Header
Keep your body element with data attributedata-topbar="colored" data-layout="horizontal" E.g. <body data-topbar="colored" data-layout="horizontal"> to have colored topbar and dark menubar.
Boxed Layout
Keep your body element with data attributedata-layout-size="boxed" data-layout="horizontal" E.g. <body data-layout-size="boxed" data-layout="horizontal"> to have boxed layout.