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.
    1. Uncomment the appropriate lines.
    2. Modify the settings.
    3. Save the file.
  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:

    Element Description
    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
    Powered by Quali footer Controls the background color of the CloudShell Portal footer. It is also possible to hide the footer altogether using the EnableQualiBrandingFooter configuration key.

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.

Resizing the value box of "text" global inputs

This is useful for global inputs that include json values.

To resize the global input value box:

  1. Edit the appropriate customer_override.css file.
  2. Add the following code block:

    #globalParametersView > ul > li > div:nth-child(1) > div.global-value.cell > div.qs-editable-input > div.qs-inputContainer > textarea
    {
      max-height: 200px !important; /* change the max height */
      min-height: 70px !important; /* change the default height */
      width: 450px !important;  /* make it wider */
      left: -85px !important;  /* if you make it wider you should also move the box to the left */
    }
  3. Save the file.
  4. Restart the browser and open CloudShell Portal.