OPAC: Change Search Tab Color

[This article was copied from the Voyager Wiki.]

Introduction

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