Rebranding CloudShell Portal (White Labeling)
CloudShell white labeling is available with CloudShell Premium Tier.
Customers can change the look and feel of CloudShell Portal. This includes changing design elements such as the logo and the color of different elements including the main menu and dashboard toolbars.
Note: Another way to customize CloudShell Portal is to change the text of CloudShell Portal elements, such as button names and menu items. For example, you can change the text to your local language. For more information, see Customizing the Language File.
To change the branding of CloudShell Portal:
- Go to the C:\Program Files (x86)\QualiSystems\CloudShell\Portal\Content\css folder, and open the customer_override.css file.
- Edit the css file per your needs.
- Refresh your browser.
Changes apply to all domains by default, unless defined in a separate domain-specific CSS file.
The customer_override.css file enables you to customize the following elements:
|Application body||Controls the background color of the application body|
|Upper header (navigation bar)||Controls the main menu of the application. Here you can change the colors of the background and the text|
|Logo box||Controls the logo box in CloudShell Portal header, including its background color, border radius, and the logo image (42*42 pixels maximum image size)|
|Secondary header||Controls the color of the dashboard/catalog/workspace headers|
|Actions bar||Controls the color of the toolbar under the dashboard/catalog headers|
|Busy indicator||Controls the color of the loading screen|
|Dialog window background||Controls the background color of CloudShell Portal when dialog boxes are open|
Rebranding CloudShell Portal per Domain
You can apply branding per domain, to enable users from different domains to see different branding than the one defined globally.
To change the branding of CloudShell Portal for a specific domain:
- Go to the C:\Program Files (x86)\QualiSystems\CloudShell\Portal\Content\css folder.
- For each domain you want to re-brand, make a copy of the customer_override.css file, and rename it according to the following convention: customer_[DomainName]_override.css.
- Edit the css file per your needs. Changes apply to this domain.
Users from domains that do not have a custom style defined will see the default branding defined in the customer_override.css file.