Apixel COMET - Learning Record Store

Help

Customising the User Interface

This page provides information on customising the Comet UI beyond what is possible in Preferences > Design the users home page.

Other items may be readily customised if you have some knowlegde of cascading style sheets (CSS) and HTML. Be warned that making changes that introduce errors may make Comet non-functioning so it is considered good practice to make backups before you begin editing.

Select to enlarge
Item Customisation
Top bar background colour
  • Open the file comet/extras/comet.css with a text editor such as notepad
  • Within the file find the rule .cometHeader
  • Within the rule there's the declaration background-color
  • Change the value to any valid colour value (#334D8F is the "default" colour)
  • Save and close the file
Top bar title logo (Comet logo)
  • Create your logo as a 66 x 55 pixel image in a web friendly format such as .jpg or .gif
  • Upload the image file to comet/images
  • Open the file comet/extras/comet.css with a text editor such as notepad
  • Within the file find the rule .cometHeader
  • Within the rule there's the declaration background-image
  • Change the image name part of the rule's value to the your image file's name
  • Save and close the file
Top bar title logged in text
  • Open the file comet/extras/comet.css with a text editor such as notepad
  • Within the file find the rule .cometLogged
  • Edit the various declarations as appropriate
  • Save and close the file
Top bar title text

To change the style of the text:

  • Open the file comet/extras/comet.css with a text editor such as notepad
  • Within the file find the rule .cometTitle
  • Edit the various declarations as appropriate
  • Save and close the file

To change the wording of the text there are a number of separate places where the change needs to be made:

  • Open the following files with a text editor such as notepad:
    1. comet/ui/user_topbar.asp
    2. comet/ui/topbar.asp
  • Within the files find the HTML element <span class="cometTitle">
  • Edit the values as appropriate
  • Save and close the files
Background colour
  • Open the file comet/extras/comet.css with a text editor such as notepad
  • Within the file find the rule body
  • Within the rule there's the declaration background-color
  • Change the value to any valid colour value (#FAFAFA is the "default" colour)
  • Save and close the file
Browser title bar text

There are a number of separate places where changes need to be made.

  • Open the following files with a text editor such as notepad:
    1. comet/debug.htm
    2. comet/help_activate.htm
    3. comet/help_db.htm
    4. comet/help_user.htm
    5. comet/lessons/debug.htm
    6. comet/reports/reports.asp
    7. comet/reports/reports_error.asp
    8. comet/ui/head.asp
    9. comet/ui/user_head.asp
  • Within the files find the HTML element <title>
  • Edit the values as appropriate
  • Save and close the files

 

On a device with a "small" screen (under 500 pixels wide) neither the title text nor the home page image are displayed on the users home page to allow space for the more relevant content.

Of course its possible to customise more of the interface. Any further changes would only be limited by your knowlegde of HTML and CSS.

 

 

© Copyright 2016 Apixel Pty Ltd, All rights reserved