Customizing banner elements and appearance in dashboard 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.
Before you begin
About this task
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.