skip to main content
GUI Skins : Making changes in the user interface
   
Making changes in the user interface
 
Changing the logo
Creating custom logo per login
As you probably already have realized you can do almost any kind of changes in the op5 Monitor user interface. Covering them all would require a complete manual of its own. So in this chapter we will only take a look at a few of them.
Changing the logo.
Adding hostname to the Quick bar.
Change the default font.
The topics listed above should give you knowledge to do other modifications by your own.
Changing the logo
One thing you might want to do is to change the default logo up in the left corner of the user interface.
Before you starting
To change the logo
1 Make sure you have followed the instructions in:
Make your own skin on page 135.
2 Create your own logo file. It shall meet the following criteria:
Width: 19px
Height: 19px
Type: PNG
3 Place the logo in the folder
/opt/monitor/op5/ninja/application/views/css/my_skin/images/
We call this my_logo.png
4 Change the logo in the file:
/opt/monitor/op5/ninja/application/views/css/my_skin/sass/common.sass
5 Change the following line:
background: url('../../icons/icon.png') no-repeat
to
background: url('../../icons/my_logo.png') no-repeat
6 Save the file and compile the skin. See Compiling skins on page 136
Creating custom logo per login
It is possible to have custom logos based on the name of the username.
Ie. when hosting a monitoring solution for other companies these companies can use their logo.
The logo is selected using regex on the login name.
If user ‘companyA_Joe’ is logged in the companyA logo is displayed, but if comapanyB_Joe is logged in company B logo is displayed.
To enable this feature edit the following file:
/opt/monitor/op5/ninja/application/config/customlogo.php
1 Change $config['enable'] = false; to $config['enable'] = true;
2 Put the logo file (size 19px x 19px) in the folder:
custom_logos/
This folder is relative to your icon folder.