Using the Zuar Portal Menu Builder | Scribe

    Using the Zuar Portal Menu Builder

    • Greg |
    • 15 steps |
    • 3 minutes
    1
    Creating HTML blocks like menus can be tedious if there are many elements to consider; this menu builder will make the process easier. Note this is formatted with CSS, the downloadable builder will be basic HTML to allow you to customize to your menu builder
    2
    Pick a label for your first menu item
    3
    4
    In 'Menu Item URL', put the desired URL. In this case going to the home page. Pick the Home menu icon from the dropdown as well.
    5
    Click "Generate Menu"
    6
    Now you can see the first menu element in the Menu Display above, with copy and paste-able HTML code below it.
    7
    Let's create another menu item named 'Dashboards'
    8
    Again put the appropriate link and pick an icon
    9
    Click "Generate Menu"
    10
    Now the menu contains the two elements that we've created
    11
    Lastly we'll create a sub-menu item for one of our dashboards
    12
    Put Dashboard 1, the Dashboard 1 link, and choose an icon once again
    13
    This time though, we'll click the "Add as Submenu Item:" field.
    14
    Click "Generate Menu"
    15
    Now we have the Dashboard menu item with a Dashboard 1 sub-item
    information ordinal icon
    Tip! You can further customize the resulting menu with CSS, and check out the Dynamic Menus walkthrough for even more functionality