Setup Guide: Home - Previous topicPrevious topic - Next topicNext topic
Login level required for this task: Systems |
Setup Guide:
Home
1 2 3 4
1 2 3
You can customize the look and feel of your customers' users' control panels to suit your preferences or to match your company's branding. This look and feel includes the logo, banner, colors, graphics, and styles used in your customers' users' control panels. You can reload the default settings at any time if necessary.
You can brand your customers' control panels only; you cannot brand your top-level control panel (the service provider reseller organization site control panel that is your primary login).
Your customers cannot change the branding of their top-level control panels. However, the system is designed so that they can override your settings and customize the control panels used by their customers (their resellers, organizations sites and users).
Your branding preferences are applied to reseller, organization site and user control panels only if resellers and organizations sites have not added their own branding preferences. This preserves their ability to brand their customers' control panels.
When you add or change your branding preferences, those preferences are applied as follows:
Control panel |
How preferences are applied |
Resellers and organizations sites you own Sites you own |
Your changes are always applied immediately. |
Resellers and organizations owned by your resellers Sites owned by your resellers |
Your changes are applied only if the reseller has not customized the reseller or organization site control panels. |
Users added by organizations sites |
Changes are applied only if the organization site administrator or reseller has not customized the user control panel. |
To change the colors, text, and general look and feel of control panels, follow these instructions:
If the style sheet has not been changed before, click Download Current by the style sheet you want to download. If the style sheet has been modified before and you want to modify the original, click restore default, then click Download Current.
Save this style sheet to your local system, then open the style sheet using your favorite editor.
Notice that the style sheet is empty except for a comment containing a URL. This URL points to the base style sheet for the system. Style sheets you modify and upload are loaded after the base style sheet; they override the base style sheet’s styles.
Open a browser and download the base style sheet:
In the browser's Address bar type the URL contained in the comment of the style sheet you just downloaded. Make sure to replace <CP SERVER> with the domain name of your control panel server. Ensim Pro server.
Click Go. The base style sheet is displayed.
Save the base style sheet so you can refer to it later if necessary.
Using your favorite editor, open the base style sheet, copy the styles you want to override, and paste those styles into a new style sheet.
To determine which styles you want to override, you can save a page from the control panel to use as a source for finding page elements and associated CSS class names.
To do this, go to a page in the control panel and click Save As from the browser's File menu. This saves a page, such as ISP_Admin.htm, to your local machine. It also saves a folder, such as ISP_Admin_files, with any images or style sheets used to display the page.
The saved page is rewritten by Internet Explorer when it is saved so that all image and style sheet references point to the files in this new folder. You can open the file in Dreamweaver (or the text or HTML editor of you choice) to determine which styles you want to override.
Learn more about modifying the style sheet
Any styles you add to the new style sheet take precedence over styles in the base style sheet, so copy only those styles you want to override.
In your new style sheet, change the styles you copied from the base style sheet as needed.
The base style sheet uses relative-path URL references to images in some styles. If you copied any of these styles to your new style sheet, you need to change them so that the references will be correct when you upload the new style sheet.
For example, the base style sheet uses the following two relative path image references in the style sheet:
background-image: url(images/menubar.gif)
background-image: url(../../images/button_logout.gif);
These references are relative to $CPBaseDir/common/css/styles/blue c:\program files\ensim\webppliance\common\css\styles\blue which is the folder where the base style sheet is stored. ($CPBaseDir by default is c:\program files\Ensim\Ensim Unify\cp). Customized style sheets are stored in a different folder, namely, $CPBaseDir/brandingfiles. c:\program files\ensim\webppliance\brandingfiles.
For images to display correctly, change the relative path URLs in modified styles as follows:
For images specified as url(images/), change the URL to ../common/css/styles/blue/images/
For images specified as url(../../images/), change the URL to ../common/css/images/
Save the new style sheet.
After you have obtained the styles, modified them, and saved them in a new style sheet, return to the branding files page.
In the Style Sheet section, click Browse next to the reseller, organization site or user text box.
Navigate to the style sheet you modified, then click Open. To keep the current style sheet for a control panel, leave its text box blank.
Click Upload Changes. The style sheet is updated.
To view the changes, log in to the appropriate user control panel. If you do not see the changes, your browser might be using a previously cached version of the style sheet. Refresh your browser's cache to view the changes (in Internet Explorer, press Ctrl while clicking the browser's refresh button).
Changes are not displayed in the control panel that is your primary login.
Banners are the graphics that appear at the top of the control panels in the long space to the left or right of the logo space. You can replace the banners in the reseller, organization, site, and user control panels you own with any other image that:
Has approximately the same dimensions as the default banner to ensure that control panel elements display correctly. The default banner is 1,650 pixels wide by 60 pixels tall. If a banner is too long to be displayed, it slides under the logo.
Is in .gif or .jpg format.
Is no larger than 46 KB in size.
To change the banners:
In the Banner section, click Browse next to the reseller, organization, site, or user control panel text box, then navigate to the file you want to use for the banner. You can use the same graphic or different graphics for each control panel.
Click Open.
To keep the current banner for any control panel, leave the text box blank.
Click Upload Changes.
The new banner appears in the control panel. To view it, log in to the appropriate user control panel. If you do not see the change, your browser might be using a previously cached version of the banner. Refresh your browser's cache to view the change (in Internet Explorer, press Ctrl while clicking the browser's refresh button).
Changes are not displayed in the control panel that is your primary login.
The logo is the graphic to the left or right of the banner at the top of the control panel. You can replace the default logo with any graphic that:
Has approximately the same dimensions as the default graphic to ensure that interface elements display correctly. The default graphic is 157 pixels wide by 60 pixels tall.
Is in .gif or .jpg format.
Is no larger than 46 KB.
To upload your logo:
In the Logo section, click Browse next to the reseller, organization, site, or user control panel text box, then navigate to the file you want to upload. You can use the same graphic or different graphics for each control panel.
Click Open.
Next to Logo Position, choose Left to display the logo in the upper left of the control panel, or choose Right to display the logo in the upper right.
If you want to change the position of the logo, you need to navigate to the logo file as described in step 2; you cannot simply change the position by choosing left or right.
To keep the current logo for any control panel, leave the text box blank.
Click Upload Changes.
The graphic appears in the control panel. To view it, log in to the appropriate user control panel. If you do not see the change, your browser might be using a previously cached version of the logo. Refresh your browser's cache to view the change (in Internet Explorer, press Ctrl while clicking the browser's refresh button).
Changes are not displayed in the control panel that is your primary login.
You can reload the default style sheets, banners, and logos used in the control panels at any time. If you are the service provider who owns the Ensim Unify system, Ensim Pro server, the defaults are the system's initial settings. If you are a reseller or organization site administrator, the defaults are the settings currently used by your service provider; they might change if your service provider rebrands control panels.
To reload default settings:
On the branding files page, click Restore Default next to any item you want to reload.
Next Setup Guide topic: Adding reseller templates Adding User Accounts Adding site templates