Adding Graphics to Menu Portlet Links

When page links are added to a menu portlet in DivePort 7.1(14) and earlier, they appear with a default menu graphic. You can replace this graphic with a custom graphic of your own.

TIP: Starting in DivePort 7.1(15), menu graphics can be specified when the menu portlet is created.

Graphic that is added to a menu button by default.

The image library default location is DI\Solution\webdata\<diveport>\ customizations\images. If Workbench is configured with an alias to this folder, you can use Workbench to position your custom graphics so they are accessible to DivePort.

To replace the graphic:

  1. Ensure that the graphic that you want to use is located in the portal images directory within the DivePort instance.
  2. Go to the linked page.
  3. On the toolbar, click Edit to unlock the page and enter edit mode.

    The Edit menu item is replaced with edit tools, including a page context menu chevron.

  4. On the toolbar, click the chevron, and on the context menu, click Settings.

    The Page Settings dialog box opens.

    Page settings dialog box showing the location of the Large Icon option.

  5. In the Large Icon box, enter the path to the image that you want to use. The format is:

    $(IMAGES_URI)/<folder-name>/<file-name>

    NOTE: The portal variable $(IMAGES_URI), points to webdata\<diveport>\customizations\images.

  6. Click OK.
  7. On the toolbar, click Save to exit edit mode and lock the page.

NOTE: The default image (default_icon.png) is located at $(IMAGES_URI)\commonmenu\, as well as other icons such as:

Data icon.

 

Folder icon
$(IMAGES_URI)\commonmenu\data.png

 

$(IMAGES_URI)\commonmenu\folder.png
Column chart icon. Pie chart icon.
$(IMAGES_URI)\chart\column.png $(IMAGES_URI)\chart\pie.png

 

Doctor icon.  
$(IMAGES_URI)\icons\doctor_80x80.png