Good to know: When you rename or move a page in the Website explorer, links and navigation menus are automatically updated to keep working links. This way you are sure that your visitors won't face 404 errors.
Adding navigation menus
In this article you will learn how to manage menus in PageFabric.
Create and manage your menus
To edit existing menus, proceed like that:
- Click on the Site ribbon tab
- Click the Manage menus button to open the dialog below
- Click the Add button to create a new menu
- Select a menu in the list and click the Edit button to open the menu editor and modify the existing menu
- Select a menu in the list and click the Duplicate button to create a copy of the existing menu
- Click the Remove button to delete the menu from the site
Please note: Make sure that there is no page that uses a menu before deleting it. There is no verification.
Menu editor dialog
When you create or edit a menu, the menu editor dialog opens.
When you create a new menu, you must give it a name. It will be useful when you will need to edit it afterwards.
A menu can be viewed as a collection of items and sub items.
- Click the Add root menu item button to add a root item that can contain sub items,
Click the Add sub menu item to add a child menu to an existing one - Give a name to the menu entry (the name will be used as the link text)
- Give a link in the Menu entry URL text box (click the 3 dots to select an existing page on your site)
- Check the Open link in new window if you want to open the link in a new tab (useful for external links)
Repeat the steps to populate your menu. Click on Save and Close button to save your modifications and close the dialog.
Add navigation bars to your pages
Horizontal menus
Horizontal menus are often used in headers.
To insert an horizontal menu on a page, proceed like that:
- Drop a Horizontal navigation menu from the Parts collection to the side bar you want
- Double click on the menu to open the editor dialog and create a new menu
OR,
Click on the Select a menu button in the quick tool bar above the menu to use an active (similar term) menu
Responsive menus
When your visitors use a mobile device with a small screen, horizontal navigation bars will adapt to be usable with fingers.
Vertical menus
Vertical menus are used in left and right side bars, depending on the page layout you are using.
To insert a vertical menu on a page, proceed like that:
- Drop a Vertical navigation menu from the Parts collection to the side bar you want
Double click on the menu to open the editor dialog and create a new menu
OR,
Click on the Select a menu button in the quick tool bar above the menu to use an existing menu
Responsive menus
When your visitors use a mobile device with a small screen, vertical navigation bars will transform into a simple button that will bring the navigation menu on top of the page.
