Creating custom banner files for dashboards spaces

Before you customize the banner for a space, you must create your own copy of the existing banner files and make modifications to the new set of files.

About this task

The original banner.htmland banner.css files that you need to customize are stored in your WebDAV directory. Before you make any customizations to the banner files, create a local copy of the files in the WebDAV directory and make your modifications there. After making your modifications, you can move the modified files back into the WebDAV directory.

Procedure

  1. Create a copy of the folder in the WebDAV directory that contains the banner files, and save it locally. Be sure to rename the folder in the copy. You can find this folder in the following directory: webDAV_folder/public/themes/bspaceTheme/banner/bspace
  2. Edit the banner.html file to update the relative path of the CSS file.
    1. Find the following line in the file:
      linkElement.href = ibmCfg.themeConfig.themeRootURI + "/banner/bspace/banner.css"'
    2. Change the path to point to the CSS file in the local copy of the directory. In the example below, folderName is the name you used in Step 1.
      linkElement.href = ibmCfg.themeConfig.themeRootURI + "/banner/folderName/banner.css"'

What to do next

You can now modify the contents of these banner files. For more information, see Customizing banner elements and appearance in dashboard spaces.