Customizing Viewpoint > Customizing navigation components > Adding top link icons

3.2.3 Adding top link icons

In addition to being able to specify the links that appear in the upper right corner of the Viewpoint heading (for more information, see Adding/editing top links), you can also associate images with these links. These steps explain how you can do this.

To create a top link icon

  1. Create an image that conforms to the required dimensions of 16x16 pixels.

    2. Images larger than 16x16 pixels will not fit in the heading.

  2. Give the image a descriptive name. For example, logoutIcon.png.
  3. Save the image to the ${Viewpoint_webapps_directory}/moab/moab/images directory.
  4. Open the core.xml file located in the Viewpoint home directory, and locate the <top-links> element.
  5. Insert the <image> element inside of the desired <top-link> element.
  6. Specify the location of the image from $CATALINA_HOME.

    7. Remove the label attribute in the <top-link> element to use the image in place of the link's label (rather than in addition to it).

    <top-link href="login?logout=true" target="thisWindow">
    <image>images/logoutIcon.png</image>
    <permission name="nav.logout" />
</top-link>

Related topics 

 

© 2012 Adaptive Computing