Configuring White Labeling

In this section:

How to:

The White Labeling feature in the Management Center of the WebFOCUS Hub allows you to change the look and feel of the user interface. When you finish installing WebFOCUS, the default theme sets up the classic look and feel of the WebFOCUS interface.

You can customize the WebFOCUS interface using the tools provided in the White Labeling page to tailor the interface to match the requirements of your organization. The changes you make to the WebFOCUS user interface affect every user. The custom styling tools provide you with options to preview, change, or revoke your custom style choices when necessary.

No matter how many customizations you add, the default WebFOCUS theme remains intact and available at all times. You can return to the standard look and feel of the WebFOCUS user interface whenever necessary. If your organization chooses to return to the default WebFOCUS theme, you can disable your customized style sheet by selecting the Reset to Default button.

Procedure: How to Navigate to White Labeling Tools

  1. From the Navigation area, select Management Center.
  2. Under Client Administration, select White Labeling.

Enabling White Labeling

The Enable styling overrides check box on the White Labeling page activates or deactivates the use of custom styling. When it is selected, styling for the user interface is based on your custom-chosen styling. When it is cleared, styling for the user interface reverts back to the default WebFOCUS theme.

The status of the Enable styling overrides check box does not affect any customizations you previously created. These templates remain available for reuse if you choose to enable the white labeling feature in the future.

Changing the Branding

How to:

Under the branding tab, you can upload your own brand assets to display in the designated areas of the user interface. The branding panel includes options that allow you to change the default Favicon and Logos. A favicon is a graphical image associated with a particular Web page or Web site. They are used to display a visual reminder of the identity of the Web site in the address bar or in tabs. The Logos appear on the banner above each interface within the product. You can upload a customized favicon for every area of the user interface. You can change the title and the logo for each area of the user interface by uploading your own brand logos and titles. Once saved, the favicon that appears on the browser tab as well as the logos for the designated areas will change to the one you have selected.

Procedure: How to Change the Favicon

Before you begin: The favicon must be uploaded as ICO, SVG, PNG, or JPG format. Be sure to use best practices when sizing the favicon to ensure that it fits the label and conforms to your expectations.

You can choose a customized favicon for your installation of WebFOCUS by performing the following steps.

  1. Select the upload icon next to the All Areas label above the Favicon upload box.
  2. From the Open dialog box, select the image you want, and click Open.

Procedure: How to Change the Logos

Before you begin: Ensure that your selected logo file uses the SVG, PNG, or JPG format. The logo area is 38 pixels high and scales up or down proportionately to fit within that area.

Use logo formats with transparent backgrounds whenever possible. You can use the Color Palette tab to change header colors. For best results, use logos with a horizontal orientation similar to the logos displayed, by default. You may include padding around the logo within the file itself for more sizing control. Results vary based on logo dimensions.

You can choose a customized logo for your installation of WebFOCUS by performing the following steps.

  1. To replace the default logo that appears on the banner above the Hub, select the upload icon next to The Hub label.
  2. From the Open dialog box, select the image you want, and click Open.
  3. In the Browser tab label box, below the Hub logo box, enter the customized label for the Hub browser tab.
  4. To replace the default logo that appears on the banner above the WebFOCUS® Home Page, select the upload icon next to the WebFOCUS Homepage label.
  5. From the Open dialog box, select the image you want, and click Open.
  6. In the Browser tab label box, below the WebFOCUS Homepage logo box, enter the customized label for the WebFOCUS Homepage browser tab.
  7. To replace the default logo that appears on the banner above the WebFOCUS® Reporting Server browser interface, select the upload icon next to the Reporting Server label.
  8. From the Open dialog box, select the image you want, and click Open.
  9. In the Browser tab label box, below the Reporting Server logo box, enter the customized label for the Reporting Server browser tab.
  10. To replace the default logo that appears on the banner above the WebFOCUS® Designer interface, select the upload icon next to the Designer label.
  11. From the Open dialog box, select the image you want, and click Open
  12. In the Browser tab label box, below the Designer logo box, enter the customized label for the Designer browser tab.

Changing the Color Palette

How to:

The Color Palette tab allows you to change the color of various designated interface areas according to the requirements of your organization. Each color palette for a selected area is assigned a hexadecimal number representing the color assigned to that specific number, as shown in the following image.

The color palette tab is displayed.

For each selected area, the Color Palette tab displays the name of the selected area, a description of the usage of the color in that selected area, a swatch showing a preview of the selected color, and the hexadecimal number associated with it. The changes you make are visible to you, after you select Save. You can use this feature to review and revise your changes to ensure they conform to your expectations. Your changes become available to other users only after you select Publish.

Procedure: How to Change the Color Palette From the User Interface

  1. In the Hex column text box for the area you want to change, enter the hexadecimal code of the desired color.

    Note: If the hex color is not valid, it will appear in red. If this happens, review the hex code and enter a valid one.

  2. Select Save to make the changes visible to you.

Procedure: How to Change the Color Palette From a Text File Upload

Before you begin: If you prefer to make updates directly to a text file, we recommend that you download the colorpalette.txt file from the Color Palette tab, and use it to make your changes. You can then upload this file to make them visible on the Color Palette tab. By downloading this file and using it as a template for your color changes, you can help ensure that the appropriate field names and value formats are present and that the changes will appear as expected when you upload the file.

  1. Select Download and save the colorpalette.txt file to an location where you can open and edit its contents. Do not change the file name.
  2. Make changes to the hexcode written on the file as per your requirements and save it.
  3. Select Upload, select your altered file from the Open dialog box, and click Open.
  4. Select Save to make the changes visible to you.

Procedure: How to Publish or Revoke your Changes

  1. Select Reset to Default to return to the default user interface.
  2. Select Revert to the Last Published to restore the previously published user interface.
  3. Select Publish button to make your user interface changes visible to all users.