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.

The banner.css file has a set of rules for hiding banner elements. These rules are commented out by default. When comment markers are deleted for a rule, the element is hidden. If a user access level is specified, then the element is only hidden from that set of users.

For example, to hide the Manage Spaces link and Actions menu from users with viewer access, the comment markers have been removed from the following rules in the custom banner.css:

.bspace-viewer .bannerActionLinksDiv #gotoSpacesLink {
	display: none;
}
.bspace-viewer .bannerActionLinksDiv #gotoSpacesLinkSeparator {
	display: none;
}.bspace-viewer .bannerActionLinksDiv #manageSpacesLink {
	display: none;
}
.bspace-viewer .bannerActionLinksDiv #manageSpacesLinkSeparator {
	display: none;
}
.bspace-viewer .bannerActionLinksDiv .actionsDropDown {
	display: none;
}

The following graphic shows the banner before and after the customization.