Control Panel Web Interface
- Regional Settings
- Images and Icons
- Interface Language
- Skins And Colors
- Interface Texts
To set custom regional settings:
- Select Regional Options in Look and Feel under the Settings menu.
- On the page that appears, enter preferred locale settings:
- Currency symbol used in your country that you want to show in prices, invoices etc.
- Corresponding International currency symbol which is an international string denoting the local currency.
- Decimal Monetary Separator, a character used to format decimal numbers.
- Grouping Separator, a grouping character used to separate thousands, e.g: 100,000,000.
Note: It's commonly used for thousands, but in some countries it separates ten-thousands.
- Currency pattern that shows how your monetary amount will look like. Refer to Comments regarding currency pattern for details. For example, the European currency pattern will look as follows: # ¤,##0.00;-# ¤,##0.00 (in some countries negative subpatterns are put into brackets: # ¤,##0.00;(# ¤,##0.00)) Another example for pattern: #,##0.##: for 3456.00 -> 3,456 although #,0#0.00: for 3,456.00 -> 3,456.00.
- Appearance Samples displays monetary amounts the way they will show in the system after you change the pattern.
- Short, medium, long and full date formats represent dates in your control panel. This feature is not yet implemented, though reserved for future versions.
- Text: For formatting, if the number of pattern letters is 4 or more, the full form is used. Otherwise a short or abbreviated form is used if available. For parsing, both forms are accepted, independent of the number of pattern letters.
- Number: For formatting, the number of pattern letters is the minimum number of digits, and shorter numbers are zero-padded to this amount. For parsing, the number of pattern letters is ignored unless it's needed to separate two adjacent fields.
- Year: For formatting, if the number of pattern letters is 2, the year is truncated to 2 digits; otherwise it is interpreted as a number.
- Month: If the number of pattern letters is 3 or more, the month is interpreted as text; otherwise, it is interpreted as a number.
- General time zone: Time zones are interpreted as text if they have names.
- RFC 822 time zone: For formatting, the RFC 822 4-digit time zone format is used.
Regional options page has also information about Day and Time Patterns:
Pattern letters are usually repeated, as their number determines the exact Presentation:
- Click Submit and take a look at the values in the Appearance samples box to see how your changes will affect monetary amounts throughout the control panel.
Images and Icons
Logo images are the images that reflect your corporate identity. To go to the logo images page, select Corporate Logo in Look And Feel under the Settings menu.
- Control Panel Agent: enter the name you want to see as page title of the Control Panel interface instead of H-SPHERE.
This feature can be unavailable if you modify login.html, top.html or other service templates.
- Show Copyright: toggle the button to show/hide the copyright notice in the top left corner of the window above the logo both in admin and user control panels.
- Banner HTML Code: enter the HTML code for the banner you want to show up both in admin and your users control panels.
Tip: it might be just an image, for example, your logo.
- Logo Image URL: enter the URL address of the image to show up in the top left corner of the window.
- Signup Image URL: enter the URL address of the image to show up in the left top corner of the windows for plan signup forms.
- Login Image URL: enter the URL address of the image to show up on the logging page on the right.
Icons And Control Images
Icons are the images that take you to certain sections of H-Sphere interface. They can be found on the home page of the No Menu skin and on the Quick Access page of the Left Menu skin.
Control Images are the images that you click to perform certain actions, for example Add, Edit, Delete.
To change default icons and control images:
- Select Design Settings in the Look and Feel menu.
- Ask your parent host to send you the default control panel images. Create "IMAGES" directory and put the received images into it. Place the directory with the images to a custom location.
- Replace the images you want to change. New images must have the same sizes as the defaults.
- Go to Look and Feel -> Design Settings and click Change at the bottom of page.
- In the Base Image Directory field, enter the path to the IMAGES directory:
This must be either a fully qualified URL of your host, for example http://cp.mydomain.com:8080/BASE_IMAGE_DIRECTORY/ or a directory path relative to the CP Web Server Document Root (/hsphere/local/home/cpanel/shiva/shiva-templates/) if your parent host put your images there.
The path must not include the IMAGES directory. For instance, if your images sit in http://www.example.com/hsphere/IMAGES/, enter the path http://www.example.com/hsphere/.
If you made a mistake and your images do not show, just clear the Base Image Directory field, and click Submit. The original path will be restored.
Setting Default System Language
Default language is the language of newly created accounts, including navigation menu, form and control labels, context help, and system messages. However, every user can override the default language with one of those available in the user control panel.
Currently H-Sphere comes with the following languages: English, Russian, Italian, French, Spanish, Dutch, German and Portuguese. You can also add new languages by installing language packages provided by Psoft.
Default language affects the default regional settings. You can set custom currency or currency pattern, but mind that they will be lost once you change to another language.
To change the default language:
- Go to Default Language in Look and Feel under the Settings menu.
- Select language from the drop-down box.
- Click Submit to save changes.
- Proceed to Regional Settings configuration.
Setting Admin Interface Language
Unlike the language described above, which by default is set in all resellers' and users' cp, the language configured from Admin User menu relates only to your admin control panel, including reseller and user accounts which you access from it.
To change admin interface language:
- Go to Language in the Admin User menu.
- Select language from the drop-down box.
- Click Submit to save changes.
Important: Now, when you visit accounts of your resellers and end users from your cp browser, they will appear for you in the language you just set. However, original language chosen by owners of these accounts will remain unchanged.
Skins And Colors
This document explains how to configure default design settings such as skins and color schemes for admin and users' control panels. Changing Look& Feel in your admin control panel will affect all end users in your H-Sphere system.
To change the Look& Feel of the control panel, do the following:
- Select Design Settings from Look and Feel under the Settings menu.
- On the page that appears select the default skin from the Choose Design box.
- Click the Modify button.
- On the page that appears, change the design settings:
- Users can choose this design: this option determines whether this design becomes available to your end users.
If none of the designs is enabled, H-Sphere sets Left Menu design as default.
- New users will get this design as default: enabling this option will change default design for your end-users and switch it off for all other designs.
- Choose another design: select another design to modify.
XPressia Lite is specially designed to be used if your browser works slowly with XPressia.
- Change control panel color and image set in the Color Scheme Setting section.
Important: You can change the color scheme, image set and icon set for Left Menu skin, whereas for Text Based and No Menu skins only Icon Set can be changed.
- Color Scheme: select a color scheme and click Apply.
- Image Set: select another image set and click Set.
Image Set standards can't be customized.
- Default Icon Set for User: select the icon set that will be default for your end users and click Set.
- Create your own custom color scheme by changing default color schemes.
- Click Preview Window to see how your settings will effect users' control panel.
- Click Reset to return to default color scheme.
- Click Save to save your custom color scheme settings. It will appear in the Color Scheme drop-down box.
If you don't save Custom Color Settings and return to one of the four standard, all your custom configuration will be lost.
To edit interface texts, select Look and Feel under the Settings menu.
You can change the following texts displayed on the H-Sphere login page:
- Welcome message: the message on the top of the page. You can enter it in text or HTML format.
- Welcome text: the text under the welcome message also can be entered in text or HTML format.
- Welcome Services: describe the services provided by H-Sphere or enter any other welcome text.
To change interface login texts, enter your own text into the input box and click Save.
Texts that appear on every page of the signup wizard and describe H-Sphere features and benefits. The title of the input box shows as the title of the signup text on the signup pages. If you leave the boxes empty, the system will use the default H-Sphere signup texts.
To change signup texts, enter your own text into the input box and click Save.
- Customer Support info shows in the tooltip area when an action fails to execute with an error message written to the log and e-mailed to the support e-mail address.
Also, this text shows in some customer email notifications after the sentence "If you have any questions, please contact us at:"
- Checks Info is very important for check users and if not entered, your check users won't be able to pay for the resources.
- in signup wizard ("Send your checks to"),
- in check invoice notifications,
- in check approaching resources limit notifications, etc.
- Privacy Statement is reserved for future implementation.
- Sales Info shows on the signup pages.
To change these texts, enter your own text into the input box and click Save.