Online Help

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.

For Example:

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:

  1. Go to the C:\Program Files (x86)\QualiSystems\CloudShell\Portal\Content\css folder, and open the customer_override.css file.
  2. Edit the css file per your needs.
  3. Refresh your browser.

    Changes apply to all domains by default, unless defined in a separate domain-specific CSS file.

  4. The customer_override.css file enables you to customize the following elements:

    Application bodyControls 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 boxControls the logo box in CloudShell Portal header, including its background color, border radius, and the logo image (42*42 pixels maximum image size)
    Secondary headerControls the color of the dashboard/catalog/workspace headers
    Actions barControls the color of the toolbar under the dashboard/catalog headers
    Busy indicatorControls the color of the loading screen
    Dialog window backgroundControls 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:

  1. Go to the C:\Program Files (x86)\QualiSystems\CloudShell\Portal\Content\css folder.
  2. 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.
  3. 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.