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
- Open your new copy of the banner.html file in an editor.
- 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.