Skip to main content
  • Subscribe by RSS
  • Ex Libris Knowledge Center

    OPAC: Change Search Tab Color

    Created By: Laura Guy
    Created on: 5/14/2019

    [This article was copied from the Voyager Wiki.]


    This relates to the "New" Tomcat WebVoyage that is included in Voyager 7.0.1 and forward.

    Branding is an important part of our organization's identity. Changing the colors of the search pages and their "tabs" (or "buttons") is a part of that. The tabs (for both the header and the search pages) are one of the few elements of the page that are constructed with images. To change the colors, you need to replace those images. The easiest way to do it, though, is by editing those files using an application like paintshop to replace the existing colors with what you would like to use. Note that changing the color of the search forms is addressed in a separate document.

    Each tab is composed of two images--a thin one on the left and a wide one (that stretches to the appropriate width) on the right. Both images have the same colors, and there are two different versions of each image for active and inactive (for a total of four images per tab type). The images are all located in: /m1/voyager/xxxdb/tomcat/vwebv/context/vwebv/ui/your_SKIN/images/

    Code Example

    search_nav_right_off.gif <-- standard wide side

    search_nav_left_off.gif  <-- standard thin side

    search_nav_right_on.gif  <-- active (mouseover/selected) wide side

    search_nav_left_on.gif   <-- active (mouseover/selected) thin side

    • Was this article helpful?