Customized Interface

From ServersCheck Wiki

Jump to: navigation, search

Contents

Customization Overview & Requirements

As of release 8.0.9 and for appliance OEM customers, it is possible to customize the interface of the ServersCheck Monitoring Software to get an effect similar to following:

Screenshot - OEM.png


What can be customized:

- naming of the software

- adding of custom logo

- customizing coloring scheme

- custom splash screen


The customization requires a specific OEM.CONF file that stores all the customization details

OEM.CONF file explained

The OEM.CONF file consists of 5 lines; each them a different parameter.

The first line is the name of the application - as it appears in the above screen capture

The second line is the support link. This only applies to versions where the support link appears.

The third line is the HTML code of the logo that should appear on each page

The fourth line is the relative URL of the splash screen. The splash screen is the first page shown when launching the Monitoring Software.

The last line is the hexadecimal color code of what is in the default ServersCheck layout the standard ServersCheck orange


The OEM.CONF file should be stored in the /conf/ subdirectory of your main ServersCheck directory. After modifying the settings make sure to restart the webserver service.

The OEM.CONF file for the above example can be downloaded from following url: http://files.serverscheck.net/oem/oem.conf

Customizing color scheme

To customize the color scheme, 2 different files need to be edited:

- tabmenu.txt: which takes care of the layout of the top menu navigation

- serverscheck.css: which is the main css used by all generated content

tabmenu.txt

The tabmenu.txt is located in the /output/html subdirectory of your main ServersCheck directory. The tabmenu.txt used for above example can be downloaded here: http://files.serverscheck.net/oem/tabmenu.txt

serverscheck.css

The serverscheck.css is located in the /output/css subdirectory of your main ServersCheck directory. The serverscheck.css used for above example can be downloaded here: http://files.serverscheck.net/oem/serverscheck.css


This css holds all coloring code from tables, buttons, forms etc...

Personal tools