ComboStrap Getting Started - Creation of a top bar

1 - About

The strap template supports the creation of a dokuwiki page called headerbar in order to create a navigation bar at the top location of the page.

2 - Steps

  • Create a page called :headerbar (at the root directory of your pages)
  • Enter the below navbar example

If you have uploaded a icon in the Favicon step, a minimal headerbar with a navbar would look like:


<navbar breakpoint="md" align="center">
<brand title="My Brand">
<icon name="logo.svg" />
My Brand name
</brand>
<collapse>
<group expand="true">
<dropdown name="ComboStrap Components">
[[ui:ui|UI Components]]
[[url:url|Url Management]]
</dropdown>
</group>

<btn class="mr-2 mb-2 mt-2 mb-lg-0 mt-lg-0" elevation="true">[[getting_started:getting_started|Get Started]]</btn>
<search class="mr-0 pr-0 mb-lg-0 mt-lg-0 mr-lg-0 pr-lg-0">
</collapse>
</navbar>

More … see the navbar article

3 - Next Steps

In the same way, you can also create a footerbar.

Then you can:

Powered by ComboStrap