Rebranding the CMDB Portal

A configuration manager can change the colors of components in the CMDB user interface to match their company's brand colors. Use the BMC.CORE.CONFIG:BMC_UIComponent form to change the company logo and change the colors of the following components in the CMDB Portal user interface:

  • Navigation bar
  • Text (Secondary and Active )
  • Background 

The changes you make are retained during upgrades.

Important

You can only change the company logo in the CMDB Portal user interface. The BMC logo in the login screen and favicon cannot be changed.

The following video (01:32) shows the steps to rebrand CMDB Portal:

icon_play.pnghttps://youtu.be/v8S_ZHtvKAk

Before you begin

  • For changing the logo, make sure that the new logo adheres to the following recommendations:

    File attribute

    Recommendation

    File format

    Any of the following formats:

    • JPG
    • JPEG
    • PNG

    File dimensions

    • Height: 29.712px
    • Width: 101.6px

    File size

    Up to 2 MB

  • Make sure you have the HEX codes for the colors.
  • Make sure you have permission to access the BMC.CORE.CONFIG:BMC_UIComponent form.
    Use the following direct access URL to open the BMC.CORE.CONFIG:BMC_UIComponent form:  http://<midTierServer>:<port>/arsys/forms/< ARServer >/BMC.CORE.CONFIG:BMC_UIComponent

To rebrand the CMDB Portal

  1. Open the BMC.CORE.CONFIG:BMC_UIComponent form using the following URL:
         http://<midTierServer>:<port>/arsys/forms/< ARServer >/BMC.CORE.CONFIG:BMC_UIComponent
  2. Click New Request. 
  3. Enter the following values in the form:

  1. Parameter

    Description

    Class ID

    Enter BMC_UICOMPONENT.

    ComponentName

    Enter CustomSkinParameters.

    ComponentRelatedClassId

    Enter 0 (Zero).

    ComponentTag1

    Enter the desired HEX color code to change the primary color (default is HEX color code #4040D9).
    image showing primary color on the user interface

    ComponentTag2

    Enter the desired HEX color code to change the active color (default is HEX color code #314CBF) on the UI when you hover over text.

    image showing active color on the user interface text

    ComponentTag3

    Enter the desired HEX color code to change the secondary color (default is HEX color code #555868) which is the color of the text in the navigation bar at the top of the screen.
    image showing secondary color for the user interface text

     

    ComponentTag4

    Enter the desired HEX color code to change the background color (default is HEX code #F7F8FD) which is the color of the navigation bar at the top of the screen.

    image showing background color on the user interface

    ComponentType

    Confirm that value is set to None.

    File Name

    Upload the logo file to change the logo in the CMDB Portal. 
    Make sure the logo file adheres to the specifications listed under the section Before you begin.

    image showing logo

  2. Save the form.

View the changes in the CMDB Portal. You might need to refresh the browser for the changes to reflect.

Troubleshooting

You might encounter the following issue when customizing the logo or the colors of CMDB UI.

Issue symptom

Unable to view the CMDB UI in the custom colors. 

Issue scope

The custom colors and logo file are updated in the BMC.CORE.CONFIG:BMC_UIComponent form, but the changes do not reflect in the CMDB Portal. 

Resolution

  1. Open the record that you created in the BMC UI Component form for rebranding.
  2. Verify that the ComponentName, color codes, and other details are entered correctly.
  3. Save the form and refresh the CMDB Portal page.

Where to go from here

Action

Reference

Import data into BMC Helix CMDB.

Manage the data consistency with normalization.

Merge data from multiple sources with reconciliation.

 

 

Tip: For faster searching, add an asterisk to the end of your partial query. Example: cert*