Configuring the List and List View for the Navigator Web Parts

Configuring the List and List View for the Navigator Web Parts

Return to Overview of Web Part Configuration

To get started configuring this web part, you need to begin with which site your list resides in and from there, select the view and map the columns in your list to the Navigators list that Bamboo provides. If you have not deleted the Bamboo-provided list, all the mapping options will contain the default column name.

Step Action Result
1. Click the arrow by the Web Part title and select Edit Web Part to open the configuration tool pane. HW55_Navigator_Menu_Setting1.png
2. Enter the Site URL. Type the URL address of the site where the Bamboo Navigators list resides, then click the green arrow button. Enter an absolute or relative URL.

01.jpg

NOTE: It is recommended that you enter a relative URL so that your site can be accessed via HTTP or HTTPS, and for portability when creating site templates. The syntax for entering the relative URL is shown in the screenshot above.

3. Select List. Select the Bamboo Navigators list.

02.jpg
You can also use your own list for creating your menu system. You just need to make sure that the list you use has similar columns to Menu Title, Description, URL Link, Parent Menu and Sort Order.
If there is no Bamboo Navigators list in the site you specified, create one by clicking Create List.

NOTE: If the list exists, the Create list button will be grayed out.

4. Select View. Select the view of the list that contains the items you want included in your navigation.

03.jpg
The Bamboo Navigators list comes with the Navigators View which includes all items in the list. If you need several navigator web parts to use the same Bamboo Navigators list, create a filtered view of the list for each web part instance. Only items included in the configured view will appear on the navigation web part (i.e., menu, tabs, tree).

NOTE: The columns included in the list view do not impact the display or configuration of the web part.

5. Menu Title. Select the column that contains the name of the menu item. 04.jpg
6. Description. Select the column that contains the description of the menu item. 05.jpg
This text is displayed in a tooltip when the user hovers over the menu item with a mouse.
7. URL Link. Select the column that contains the URL address for the menu item. 06.jpg
8. Parent Menu. Select the menu item that is the parent of the item you are creating. 07.jpg
This is a lookup column that looks up to the Menu Title column of the Bamboo Navigators list so that you can create submenus.
9. Sort Order. Set the order of the menu items at their respective levels. 08.jpg
For instance, for all of the menu items at the parent level (i.e. the Parent Menu column has no selection), you can set the order in which they are displayed. For three child items under one of these parent menu items, you can set the order in which they display under the parent menu item.
10. URL Icon. Select the column that contains the Icon URL. 09.jpg
You can choose to display a small icon next to the menu item; these icons must be in a column containing the image.