Setting up Image Navigation widget

With this widget, you can provide your users with image-based navigation to quickly direct your users to useful pages.

Important: We do not recommend that you use widgets and widgetized Overview pages (including the Home page) in your community. For more information, see Understanding pages in places.

You must have Manage Community permission to configure the community Home page. For more information, see Adding Overview page.

First, you add the Image Navigation widget to your place's layout, then add images and links to the widget.

Adding Image Navigation widget

To add an Image Navigation widget to your place layout:
  1. In the user interface, click on your avatar in the upper right corner and select Overview Page to open the Home page for editing.
  2. From the widgets list, select Other > Image Navigation Widget.
  3. Drag the widget down into your layout area and drop it where you want it.
  4. Click the small triangle in the upper right corner of the widget and select Edit this widget.
  5. In Custom title, enter the title for the widget.
    You can use the default title (Image Navigation Widget), create your own, or leave the box blank if you do not want any title.
  6. In Hide Header and Border, select whether you want the header and border to be displayed.
  7. Click Save Properties.
The Add a new link button appears in the widget.

Adding images to the widget

After you've added the Image Navigation widget to your place layout, you can images and links to the widget, then publish the updated layout of the place.

To add images to the widget:

  1. In the widget, click Add a new image link.
  2. In Provide a Target Link, type in the URL to which you want the image to link.
  3. Provide a caption for the image.
    You can use the caption Jive provides automatically, or overwrite it with your own.
  4. Select the image you want to use for this link.
  5. Click Save.
  6. Repeat these steps until you have all the images you want to display in the widget. The limit is 8. You can move them around to change the order in which they are displayed by dragging and dropping them.
  7. When you are finished, click Publish Layout on the editing page.