This documentation supports the 19.08 version of BMC Digital Workplace Basic.

To view an earlier version, select the version from the Product Version menu.

Rebranding BMC Digital Workplace

As a BMC Digital Workplace administrator, you can rebrand BMC Digital Workplace for your end users. To suit your company's branding, you can change the default logo, background color, and colors for the primary, secondary, and active elements. 

The rebranding tool, available from the BMC Digital Workplace Admin console, is intuitive and easy to use.

If you are upgrading from a previous version

Since version 19.02, rebranding is performed using the Admin console, and eliminates the need for manually writing the CSS code. All rebranding changes you made in version 19.02 will be migrated to the current version.

However, if you upgrade from a version prior to 19.02, you will have to perform the steps described in this topic, since your existing settings will not be migrated.

Related topic

Before you begin

If you have a multitenant environment and are using the BMC Digital Workplace login, configure multitenancy.

If you are using an alternative sign-on process (such as Remedy Single Sign-On), do not rebrand the BMC Digital Workplace login page.

To create image files for rebranding

  • Background image for login page
  • Main page header logo
  • Mobile logo

The following table provides guidelines for creating the required images. Create and save the files to a location that you can access from the server.

 GraphicDescription
Background image for the login page

You can upload only one login page image. For faster loading, use lower resolution images.

Example of the background image for the login page image with white background:

Product logo

The logo file that you will upload must meet the following requirements:

  • Supported file formats: JPG, JPEG, PNG, and GIF.
  • The maximum file size is 200 KB
  • The width-to-height ratio should be 1:1 or wider. You can also set a custom width-to-height ratio for the product logo.

Recommendation: Transparent PNG, 48H x 80W

Mobile logo

The logo file that you will upload must meet the following requirements:

  • Supported file formats: JPG, JPEG, PNG, and GIF.
  • The maximum file size is 1024 KB.

Recommendation: Transparent PNG, 512H x 512W

To rebrand BMC Digital Workplace

You can upload the logo and background images, and choose colors for various elements in the user interface. According to your selections, the BMC Digital Workplace rebranding automatically applies changes to the user interface.

In addition to the steps below, the following video (6:43) describes how to rebrand BMC Digital Workplace:


https://youtu.be/kiF6r5MNcT0

  1. Log in to the BMC Digital Workplace Admin console, and select  Configuration > Branding.  
  2. Rebrand the required elements as described in the table following the preview image below.

    Tips

    To view your changes as they are updated dynamically, use the UI Preview, available on the right.

    If you are using a login mechanism (for example, Remedy Single Sign-on) that bypasses the BMC Digital Workplace login page, do not customize the login page settings.

    Rebranding areaAction
    Global NavigationTo change from the default dark global navigation style, select Dark, Light, or Gray.

    To update the product name, type your product name in the Product name field.

    Tip: If required, you can leave this field blank.

    To update the Product logo, click Add logo, or drag and drop the image file. Important: A branded product logo cannot be displayed in Safari browser on iOS mobile devices. The BMC default icon is displayed instead.

    To update the Favicon for mobile devices, click Attach File, or drag and drop the image file.

    This image will be used for the icon when users add BMC Digital Workplace to the home screen of their mobile devices.

    Note

    The Favicon will not be available on Microsoft Edge.

    To update the Home screen icon for Android device, click Attach file, or drag and drop the image file.
    Colors

    To update the Primary state color, use the color picker tool, enter a hexadecimal code, or enter the RGB values. Select or clear the Use light text check box for defining the text color.

    To update the Secondary state color, use the color picker tool, enter a hexadecimal code, or enter the RGB values. Select or clear the Use light text check box for defining the text color.
    To update the Active state color, use the color picker tool, enter a hexadecimal code, or enter the RGB values.

    Login page


    Use Background color to specify the background color for the login page.

    The gradients (if selected) will be applied to this color.

    Note: You cannot delete or modify the Powered by BMC inscription at the bottom of the login page.

    (Optional) Use Background: image to select a background image for the login page. Provide the image URL to be used in the background, and select the options to customize the look and feel.

    (Optional) Use Background: linear gradient to configure the linear gradient by specifying one or more of the available settings.

    (Optional) Use Background: radial gradient to configure the radial gradient by specifying one or more of the available settings.

  3. To save your changes, click Apply changes.

To apply customization to the BMC Digital Workplace login

If you use the BMC Digital Workplace login, follow this procedure to apply the customization to the login screen. This procedure uses the CSS files that you generated in To rebrand BMC Digital Workplace. This procedure does not apply if you use an alternative sign-on process, such as Remedy Single Sign-On.

  1. On the BMC Digital Workplace server, run the following command:

    (Windows) list_tenants.bat 
    (Linux) list_tenants.sh 

    The ID for the default tenant is 000000000000001, and the other ID values correspond to the other company tenants.

  2. If %TOMCAT_HOME%/webapps/tenant-custom-res/ does not exist on your BMC Digital Workplace server, create the tenant-custom-res directory.
  3. Copy the CSS files to the tenant-custom-res directory.
  4. Clear the Apache Tomcat cache by deleting the Catalina directory located at C:\Program Files\Apache Software Foundation\Tomcat8.0\work.
  5. Restart the Apache Tomcat server.

To verify rebranding

Open  http://localhost:9000/dwp/app in a browser.

Note

In multitenant environments, the login screen is the same for all tenants. To check the rebranding for a specific tenant, log in as a user who belongs to that tenant company.

To hide features from end users

Log in to the BMC Digital Workplace Admin console, and select  Configuration > Application Features to enable or disable the following features. For more information, see Enabling end user features.

Where to go from here

Customizing BMC Digital Workplace

Was this page helpful? Yes No Submitting... Thank you

Comments