BOI Software Entwicklung und Vertrieb GmbH

Phone: +43 (0) 732 / 736423 - 0

Spazgasse 4


4040 Linz, Austria

How to change background color and the color of the navigation bar?


In the customer CSS file "custstyle.css" (located in webapp subdirectory "customer") a color for the navigation bar (bgcolornavbarNN) and a color for the background (bgcolorbodyNN) can be assigned for each entry (NN...1-9) of the defined server entries in the LOGIN mask..


.bgcolorbodyNN {
    background-color: #rrggbb;

.bgcolornavbarNN {
    background-color: #rrggbb;


The following server entries are defined:

TABEX/4 on Server A
TABEX/4 on Server B

The colors for the first entries (TABEX/4 on Server A) are defined in custstyle.css:

.bgcolorbody1 {
    background-color: #FFCCCC;

.bgcolornavbar1 {
    background-color: #FF0000;

The colors for the second entry (TABEX/4 on Server B) are defined in custstyle.css:

.bgcolorbody2 {
    background-color: #CCFFCC;

.bgcolornavbar2 {
    background-color: #00FF00;

The colors can be defined for up to 99 entries.

CSS notation for colors

There are three different input formats for the colors in the CSS notation:





rr ... HEX value (00-FF) for red

gg ... HEX value (00-FF) for green

bb ... HEX value (00-FF) for blue


rrr ... decimal value (0-255) for red

ggg ... decimal value (0-255) for green

bbb ... decimal value (0-255) for blue


r% ... percentage value (0-100) for red

g% ... percentage value (0-100) for green

b% ... percentage value (0-100) for blue


see BOIDOC_209a_config_en.pdf, chapter Changing background colors and navigation bar color

Valid from

TABEX/4 Version 4.1.0


Changes in ESA data spaces, efficient migration and a new success story: Learn more in our newsletter!


Migration Packages

BOI GmbH offers migration packages for the table management systems SPITAB, TABSYS and VTAS.


» Migration Packages

Success Stories

GDIS and BOI: Carrying on the Success

With TABEX4 JTC, GDIS has introduced the world's fastest Java interface for table access on customer and control data. Learn the details in our new Success Story.


» read this Success Story

» read more Success Stories