CloudPortal Services Manager allows service providers, resellers, and customers to create their own brand so that the web portal interface (control panel) displays their own logo, color scheme, fonts, and messages when their users log on to the portal.

The three main elements involved in branding that change the look and feel of the CloudPortal Services Manager interface are:

  1. Stylesheet
  2. Images
  3. Logon and home page content

Create Your Own Brand

A customer will inherit all brands that have been saved in the higher hierarchy (by the Reseller / Service Provider). The customer can also create its own brands.

To create a new custom Brand, go to the menu Customers > Configuration > Branding > Brands:

  1. Select “New Brand”.
  2. Enter a Brand Code (a short reference code that is unique).
  3. Enter a Brand Name. This can be more descriptive.
  4. Browse and add the location for the defined CSS file (Stylesheet) that will be configured to the template.
  5. If no stylesheet is associated with a Brand then the default stylesheet will be used.
  6. Leave the Image fields blank, you will need to manually copy the image files to the web server. Please ignore the message “Image not uploaded”.
  7. Add the textual content that will appear on the Logon page (only effective if brand is configured to URL). This field can be blank.
  8. Add the textual content for the Home Page such as instructions on how to self-service. Information regarding latest news, system status and availability can be added here. This field is also optional.
  9. Save the new brand.

Once the new brand has been created, it can then be applied to an individual customer:

Or to a portal URL:

How It Works

There is a master stylesheet in CloudPortal Services Manager which includes all the classes used for the web portal. This master stylesheet is built in the main DLL so that not visible.

The web portal first loads the master stylesheet, if a custom brand is defined (or inherited) for the customer, the classes defined in the custom brand stylesheet will override the ones loaded from the master.

Below are the stylesheet classes that are commonly defined in custom branding.

You can refer to the built-in example brand “Orange” with all the necessary classes defined for changing the overall interface look and feel.

All image files used by CloudPortal Services Manager are normally located in C:\inetpub\Cortex Management\CortexDotNet\pic. It is recommended that Citrix Service Providers create their own sub folder for the images used in the custom brands.

Images to be used in the stylesheet must have the correct file path defined. Below is an example of the class for the CloudPortal Services Manager login page.

.loginbody {

margin: 0 auto;

padding: 0;

background: #fbe6c7 url(“/CortexDotNet/pics/Login/075_WallpaperWavesOrange_h32bit_2000x1400.png”) top left repeat-x;

}

White Labeling

The brands are applied in the similar way as CloudPortal Services Manager service properties in the hierarchy: if a reseller has a custom brand defined, by default the customers of that reseller will inherit that brand.

To achieve white labeling so that the customers of a reseller can only see that all the services are hosted and offered by the reseller:

  1. Login to CloudPortal Services Manager as the reseller’s administrator to create a brand so that the brand is only available to the reseller and its customers.
  2. Define all the necessary stylesheet classes with the reseller’s logo images and login page image (you may require web server access for this).
  3. Define the login page content and user’s home page content as the reseller.
  4. As the Citrix Service Provider, create a separate URL (host header on the web portal site in IIS on the web server; or create a new site pointing to the same file structure), and resolve DNS.
  5. Assign the reseller’s brand to the new URL.

Learn more about CloudPortal Services Manager