White Labelling Configuration

Why would you white label your account?

White labelling your account with your brand will create familiarity and trust with your users, contributing to a higher uptake of your services delivered on the Checkbox platform.

 

Can I configure white labelling for the login page?

Yes. Accounts with subdomains will have a white labelled login page based on their navigation and UI control colours. Get in touch with your Account Manager if there is interest. For accounts on a multi-tenant server, the login page will be a generic Checkbox login page.

 

How to configure white labelling for your account

  1. In the navigation bar, click onto your username and go to “Account Settings”

    V1.16_Relase_Notes___Email___Wiki_-_Google_Docs_2020-06-09_11-29-02.png


  2. On the left panel, click “White Labelling”

    Release_V1.17_Comms___Wiki_-_Google_Docs_2020-07-10_00-21-16.png

  3. Upload a file of your company logo to be shown on your account and see the changes you have made under “Preview”. See example below of a white Checkbox logo.

    Note: In general, it is recommended to upload a landscape-oriented image with roughly 3:1 - 4:1 dimensions (Use 370:100px or 740:200px as a guideline). PNG format is recommended to be used for image files.

    Release_V1.17_Comms___Wiki_-_Google_Docs_2020-07-10_00-21-31.png


  4. Upload a file of your company favicon to be shown on your tab.

    Note: PNG format is recommended to be used for image files.

    Release_V1.17_Comms___Wiki_-_Google_Docs_2020-07-10_00-22-37.png

    Example:

    V1.16_Relase_Notes___Email___Wiki_-_Google_Docs_2020-06-09_11-42-39.png


  5. Select the background and text colours for the navigation bar and see the changes you have made under Preview.

    Note: Colours can be defined using hex codes, RGBA and colour palettes.

    Release_V1.17_Comms___Wiki_-_Google_Docs_2020-07-10_00-23-20.png


  6. Select the background and text colours for the UI controls (e.g. buttons) and see the changes you have made under “Preview”.

    Note: Colours can be defined using HEX codes, RGBlettes.

    Release_V1.17_Comms___Wiki_-_Google_Docs_2020-07-10_00-25-15.png


  7. Once all white labelling options are configured, click “Save” and see the changes made throughout your account immediately.

    For example, in the below screenshot, notice that the navigation bar and “Save” button has changed colour accordingly.

    Release_V1.17_Comms___Wiki_-_Google_Docs_2020-07-10_00-23-38.png

    Note: Public assessment start pages will also be affected by the white labelling configuration. The navigation bar background colour (#4A90E2) and UI control text colour (#ffffff) from the examples in steps 5 and 6 will be used. See example below.

    Release_V1.17_Comms___Wiki_-_Google_Docs_2020-07-10_00-25-54.png


  8. To go back to the default white labelling configuration, click "Default"

    Release_V1.17_Comms___Wiki_-_Google_Docs_2020-07-10_00-26-58.png


  9. To return the most recently saved white labelling configuration (i.e. blue navigation bar), click on “Reset”

    Release_V1.17_Comms___Wiki_-_Google_Docs_2020-07-10_00-27-49.png