This documentation supports the 19.02 version of BMC Digital Workplace Advanced.

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

In version 19.02 and later, rebranding is performed using the Admin console, and eliminates the need for manually writing the CSS code. However, when you upgrade from a previous version, 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, you must configure multitenancy. Do not rebrand the BMC Digital Workplace login page, if you are using an alternative sign on process, such as Remedy Single Sign-On.

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.

 Graphic Description
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

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

    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 area Action
    Global Navigation To change from the default dark global navigation style, select Light or Dark.

    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.

    To update the Favorite app icon 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.

    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, type a hexadecimal code, or type the RGB values. Select or clear the Use light text checkbox for defining the text color.

    To update the Secondary state color, use the color picker tool, type a hexadecimal code, or type the RGB values. Select or clear the Use light text checkbox for defining the text color.
    To update the Active state color,  use the color picker tool, type a hexadecimal code, or type 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.
  4. (Optional) If you are using BMC Digital Workplace login, download adapt-css-bs4min.css and adapt-css-mobile.min.css.

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 00000000000001, 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, you must login 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.

  • Catalog Ratings and Reviews
  • Knowledge Article Feedback
  • Posts
  • Shopping Cart
  • Similar Knowledge Articles
  • Social Activities

The following features can also be enabled or disabled after you install BMC Digital Workplace 19.02 Patch 1. For more information, see 19.02.01: Patch 01.

  • Approver Details
  • In-app Notifications
  • Notification Settings for Requests
  • Priority Label for Requests/Approvals
  • Reopen Request
  • Request Again
  • Sign Out

Where to go from here

Customizing BMC Digital Workplace

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

Comments

  1. Kevin Candelaria

    Is it possible to have custom branding on Digital Workplace 19.02 like the previous versions where you modified tenant-custom-res\000000000000001\style-myit.css ?

    Mar 22, 2019 11:09
    1. Ravee Panjwani

      Thanks for your comment, Kevin.

      With the 19.02 release, we are provided the new branding configuration mentioned above, along with the capability to enable/disable several features via the user interface. This procedure replaces the need to modify the css.

      Thanks,
      Ravee

      Mar 22, 2019 12:16
  2. Maria Blajevitch

    The Brandning tool is very nice and probably help starters. Unfortunately it does not allow much to the Professional Services. Please provide the explanation how can we perform more changes to the fonts, more colors and other UX parameters. Maria

    Apr 14, 2019 01:55