Community
Builder 		About How it Works Features Communities Resources Login




Maintaining Your Nav Bar Tabs

Did you know you can make changes to your Community Builder navigation bar tabs?
  1. Add or remove navigation bar tabs from the navigation bar.
  2. Change the order of the navigation bar tabs.
  3. Choose a different image or upload your own image.
  4. Select no image at all (text only navigation bars).
  5. Select no text at all (image only navigation bars).
  6. Alter the navigation bar text.
  7. Change the color of the navigation bar text.
  8. Make the navigation bar text flash from dim to bright.
For all of these tasks you will first need to:
  1. Login to your Community Builder admin account.
  2. Click the (Patron Site Configuration Options) button in the lower right quadrant.
  3. Click the (Navigation Bar Tabs) button.
To add or remove a navigation bar tab:
  1. Click on the row in the table for the navigation bar tab you want to make changes to.
  2. Select Yes or No from the drop down lists:
    Include in Nav Bar Y/N: --> includes or excludes the navigation bar tab from the large device navigation bar.
    Include in Mobile Nav Bar Y/N: --> includes or excludes the navigation bar tab from the small device navigation bar (i.e. a phone).
  3. Click the (Save the Nav Bar) button.
Change the order of the navigation bar tabs:
For large devices:
  1. Select (Include in Web Nav Bar = Y) from the Filter By: drop down list.
  2. Enter the order number in the Tab Order (edit) column of the table.
  3. Click the (Reorder Tabs) button.
For small devices:
  1. Select (Include in Mobile Nav Bar = Y) from the Filter By: drop down list
  2. Enter the order number in the Tab Order (edit) column of the table.
  3. Click the (Reorder Tabs) button.
Choose a different image or upload your own image:
To select a different system image:
  1. Click on the row in the table for the navigation bar tab you want to make changes to.
  2. Click the (Select a System Nav Bar Image) button.
  3. Make a selection from the Select a Nav Bar Image Type: drop down list.
    These correspond directly with the different navigation bar functions.
  4. Check the box of the row that contains the image you want.
  5. Click the (Apply the selected Nav Bar Image) button.
  6. Click the (Save the Nav Bar Record) button.
To select a your own image:
  1. Click on the row in the table for the navigation bar tab you want to make changes to.
  2. Click the (Select Your Own Nav Bar Image) button.
  3. Click the (New Nav Bar Image) button).
  4. Enter a name for the image (not the file name) but your own name you are assigning to it.
  5. Enter the actual file name or Click the (Choose File) button to select the image from your hard drive.
  6. Click the (Create New Nav Bar image) button.
  7. Tip: At this point you have created the record but the image still needs to be uploaded.
  8. Click the (Upload Nav Bar images) button and select the file to be uploaded then click the (upload Files) button and then the (Finished) button.
  9. Click the (Your Nav Bar Images) button to go back to the list of your navigation bar images.
  10. Check the box of the row that contains the image you want.
  11. Click the (Apply the selected Nav Bar Image) button.
  12. Click the (Save the Nav Bar Record) button.
Select no image at all (i.e. for text only navigation bars):
  1. Click on the row in the table for the navigation bar tab you want to make changes to.
  2. Remove the image name from the Tab Image Name: field.
  3. Click the (Save the Nav Bar Record) button.
Select no text at all (i.e. for image only navigation bars):
  1. Click on the row in the table for the navigation bar tab you want to make changes to.
  2. Remove the text from the Tab Text HTML: field.
  3. Click the (Save the Nav Bar Record) button.
Alter the navigation bar text:
  1. Click on the row in the table for the navigation bar tab you want to make changes to.
  2. Alter the text in the field Tab Text HTML:
  3. Tip: You can use simple HTML tags here such as bold or break
    to adjust the text on the navigation bar tab.
    Use these tags judiciously as there is very little room to maneuver within the navigation bar tab.
  4. Click the (Save the Nav Bar Record) button.
Change the color of the navigation bar text:
  1. Click on the row in the table for the navigation bar tab you want to make changes to.
  2. Make a selection from the Tab Text Color Override: drop down list.
  3. Click the (Save the Nav Bar Record) button.
Make the navigation bar text flash from dim to bright:
  1. Click on the row in the table for the navigation bar tab you want to make changes to.
  2. Select Yes from the Set Menu to Blink Y/N: drop down list box.
  3. Click the (Save the Nav Bar Record) button.