IBM BPM, V8.0.1, All platforms > Customize and rebranding interfaces > Customize Process Portal > Customize Process Portal spaces > Customize banners

Customize banner elements and appearance in Process Portal spaces

By default, each space in a theme has a banner at the top, containing the name of the current space, and menus and links that your users can click to perform various tasks.

Create a new copy of the banner files before you modify them.

You can customize the banner in many ways, including the following common changes:

• Hide or show the entire banner area, based on user access rights.
• Customize the header area of the banner to hide or show the action at the top of page, based on user access rights.
• Customize the main banner area to hide or show the space icon and title, based on user access rights.

The banner has the following types of content:

Section	Content
Banner action links	Links for navigations and managing spaces
Common actions	Help link, logout link, current user name display
Space title	Current space title and icon

The appearance of these sections is controlled by content that is grouped by <div> tags in the banner.html file.

For example, the content of this file that controls the appearance of the space title and icon begins with <div class="titleBannerRepeat">. By updating or removing the content between these <div> tags, you can change the appearance of the space title and icon in your space.

Procedure

1. Open your new copy of the banner.html file in an editor.
2. Customize the banner according to your needs by removing or replacing the content for a given banner section or element.

What to do next

After you have made changes to the banner content, you must deploy the banner files before your customization is visible in the space.

• Hiding banner elements in Process Portal spaces
  Some or all of the banner content can be hidden without modifying the entire theme.
• Customize the Help link in Process Portal spaces
  The banner contains a link to access the online help. By default, it opens the documentation delivered with the product. You can modify this link so that it opens different documentation instead.
• Create custom logout behavior in Process Portal spaces
  

  You can customize the behavior of the Logout link in the banner of a space to load a custom web page, or to run custom code when a user logs out.

• Example: Customizing CSS styles to hide existing banner content in a Process Portal space
  To enable dynamically tailored content and available actions that are based on user roles, you can customize the banner so that all or part of it is hidden from certain users.
• Example: Customizing the appearance of the banner in a Process Portal space
  By default, a banner includes the title of the space and the icon associated with the space. If screen space is limited, you might want to remove this portion of the banner to save space. You can also change the color of the banner and the background image.

Customize banners in Process Portal spaces