Creating Tenant-Specific Theme CSS Files for Designer Portals

The tenant_theme.css file contains any additional customizations that alter the look and feel of the default portal frame and features.

To ensure that the symbolic IBFS Path in the main portal connects to the tenant_theme.css file for every tenant, you must save it in the Hidden_Content folder of each tenant workspace and include this folder in the full symbolic IBFS path. You must also use the same name for each tenant workspace theme file, tenant_theme.css.

You can use the text editor to create a .css file and enter the classes you wish to add or modify directly.

Process: How to Configure Customized CSS Theme Files for Tenant Workspaces Using the Text Editor

1. On the WebFOCUS Home Page, navigate to the Workspaces view.
2. In the Resources tree, expand the tenant workspace to which you want to add a customized CSS theme file.
3. Under your selected workspace, select Hidden Content to open the Hidden Content folder.
4. In the Content area, on the action bar, select the Other tab and then select Text Editor to open the New Text Resource window.
5. Under the Select a File Type banner, select Web, and then select Cascading Style Sheet (css) to open the Text Editor window.
6. Enter the CSS classes and CSS properties that construct the theme that is unique to this tenant group in the Text Editor window.
7. When your customized tenant-theme.css file configuration is complete, save the file as tenant_theme.css in the Hidden_Content folder of the tenant workspace and close the text editor.
8. In the content area of the Hidden_Content folder, right-click the new tenant_theme.css file and select Publish.
9. Repeat this procedure for each tenant workspace.