How can I customise my Control Panel Templates for resold accounts?

How can I customise my Control Panel Templates for resold accounts?

This answer explains how you can customise the control panels for your resold hosting account.

This article applies to Reseller Packages accounts.

 

Control Panel Templates

For complete control over the appearance of your individual control panels you can upload a custom control panel template. Using a series of special tags in a regular HTML page you can customise all aspects of your control panel interface. You will need some knowledge of HTML and CSS programming in order to create a control panel template.

CSS Styles

The formatting of text and tables in your individual control panels can be controlled using standard CSS styles in the header of your HTML page. In addition to the normal HTML styles, the control panel uses the following styles.

Style                Description
.table_top           Table column/row headings, on this table 'Description' 
.table               Table body, this row 
.sub_title           Section sub headings, on this page 'CSS Styles' 
.message             Error messages 
.a.b                 Hyperlinks in tables 
.a.nav               Hyperlinks in navigation bars 

You should define a specification for each of these styles in the header of your document. For example, to display error messages in the colour red and weight bold you would put the following code into the header of your template.

<style type="text/css">

</style>

Tags

The placement of content within your individual control panel template is controlled using special control panel tags, much similar to ASP tags. An example of a control panel tag is shown below.

<%content%>

The above tag would be replaced with the main page content by the control panel server when it parses your template. The tags used by the control panel are listed below complete with a description of what they are replaced with when a template is parsed.

Tag            Description 
<%content%>    Main content of the page 
<%page_title%> Title of the page 
<%section%>    Section title of the page 
<%navigation%> Navigation menu for the current section 
<%account%>    URL to the 'Account' section 
<%web%>        URL to the 'Web' section 
<%email%>      URL to the 'Email' section 
<%logs%>       URL to the 'Logs' section 
<%help%>       URL to the 'Help' section 
<%logout%>     URL to the 'Logout' section 

A tag can be used in any part of your template and will be replaced with the appropriate content when your template is parsed.

Images

You can use images in your HTML template. Note however that you will need to upload them to your main site and reference them with a global URL in your template.

Uploading & Testing

You can upload your completed template file to the control panel server at the Custom Control Panel page. Simply log into one of your individual control panels to test your template.