As a transitional step, this site will temporarily be made Read-Only from July 8th until the new community launch. During this time, you can still search and read articles and discussions.

While the community is read-only, if you have questions or issues requiring TIBCO review/response, please access the new TIBCO Community and select "Ask A Question."

You will need to register or log in or register to engage in the new community.

TIBCO Nimbus Web server branding guide

By:
Last updated:
3:55pm May 06, 2020

Webserver branding

This Wiki page will show you what can be changed in the webserver in terms of branding and how these changes will be shown when in use. This is not an exhausative list of everything that can be changed but instead will cover the most commonly branded sections of the webserver. If there are any specific features or functions you wish to change or you having issues with the branding please contact the TIBCO Nimbus™ Helpdesk.


Logo

Below is an image of the standard logo deployed on a standard cloud instance. If you wish to change the highlighted logo please provide us with a replacement that meets the following criteria and we can implement this into your system.

Size - 162 x 24

Image Format - .PNG


logo-login

It is Possible to change the logo that is displayed in the upper left hand side of the login page to keep the log-in page consistent with the rest of your branding. we will need the image in the following size and format.

Image Size - 160 x 80

Format - .PNG

 


Background

On the right hand side of the login page there is an image named 'BG' which dictates what will be shown as a background on the login page. This can be changed by sending us a file with the following dimensions and format.

Size - 1170x650

Format - .JPEG

 


Sidebar Icon

The Sidebar icon section of the webserver UI has three different states which it can changed between during interaction. Below you will see a table displaying the three states and the default colours these use during these states.

Sidebar Icon Unselected background-color: #324150 color: #a5b6ca
Sidebar Icon Selected  background-color: #465a6f color: #fff
SideBar Icon Hover background-color: #324150 color: #fff

Page Title Icon

The Page title icon hiighlighted in the image dynamically changes based on the side bar navigation selection, the background colour of the image can be branded, by default it is set to a darker shade of the sidebar navigation colour:

 background-color: #324150


Dialogue Title/Close Icon

When interacting with webserver UI specific actions can cause in popup dialogue modals, the scenario shown is during the triggering of the creation of a new process map, the highlighted title background uses the folowing Hex code by default:

background-color: #25313d


Table Header

When viewing content that is structured within a tabled view you will notice that the table header has a different background colour to the other content displayed. By default the colour scheme for this is: 

background-color: #d3e8ff


Primary Button 

Disabled State Background-color: #0081cb  color: #fff
Hover state background-color: #3498db color: #fff
Interactive state background-color: #bbd8e8 color: #fff

Example of a branded Webserver

We have created a demo instance and branded it to show you what you can expect from a branded install and how it compares to the standard instance.

Login Page
Home Page
Table view

 Return to the cloud landing page.