Customizations Within Inspera

To customize the Visual and Login elements mentioned in this article, please reach out to our Service Desk. 

Content

New Candidate and Admin Landing/Login Page

You can customize the following elements:

  1. Switch Admin login link (Show/hide)

    By default, this switch link will be disabled. When enabled, users are able to switch between the candidate login page and the admin login page by clicking the corresponding switch in the top header area of the page.

  2. Logo

    Your institution's logo can be displayed here. If you choose not to have a logo, you will have a plain text title of your institution name instead. The logo displayed here is also displayed to candidates in the header on the candidate report.

    For the logo, we have reserved a maximum area of 300 x 120 px on the login page. So depending upon the size of your logo, you can share the image.

    For example:

  3. SSO Login text

    If using Single Sign-On (SSO), you can choose what text is displayed to candidates and admin users for the SSO login option. If you choose not to customize, the default text displayed is 'Log in with X'. 
  1. SSO Login logo

    If using SSO, you can add a small logo on the SSO login option. Common choices are the institution's logo or the logo of the SSO provider.

    The size of this logo needs to be 20x20 px.

  2. Login help text

    This box is optional and as default will display the message 'Trouble logging in? Ask your teacher.' on the candidate landing page and 'Trouble logging in? Contact a user administrator' on the admin landing page. This area can be used to add details about privacy notices, terms and conditions, and/or links to support pages. 

  1. Login image

    The default login page images are all Norwegian landscapes but these can be changed to images that better suit your institution. This image for the candidate landing/login page can be different from the image for the admin landing/login page.

    Please note that the image on the candidate landing/login page can be different from the one on the candidate dashboard after the candidate has logged in. However, this does not apply to the new candidate dashboard, which will have a fixed colour background.

    The recommended image size is 1200 (height) x 800 (width).

    Additionally, you can add customizable Alt Text to the image.

  2. Image credit

    If you have used an image on the landing/login screen that requires photo credits, it is possible to add this in the bottom right corner of the login pages (for both Admin and Candidates). This can be removed if not necessary.

New Candidate dashboard

Logo

If you have added a logo on the landing/login page, this logo will also be displayed on the Candidate dashboard, otherwise, you will have a plain text title of your institution name instead.

Banner background color

You can change the banner color on the dashboard to one that matches your branding. Please provide us with the hex color code for the chosen color.

Make sure your chosen color meets the basic contrast ratio for white text (#FFFFFF).

Required Contrast Ratios for WCAG Conformance

Level AA – 4.5:1 (WCAG Success Criterion 1.4.3) Minimum
Level AAA – 7:1 (WCAG Success Criterion 1.4.6) Recommended

How to check Colour contrast?

We recommend using the WCAG Color Contrast Checker,

  • Foreground color: add #FFFFFF (white) for the text color
  • Background color: add the color you want to use for the dashboard banner.

The WCAG compliance results will show immediately after adding both colors.

Examples

Candidate login page

 

Admin login page

Old Candidate and Admin Landing/Login Page

You can customize the following elements:

  1. Tabs (show/hide)

    By default these tabs are disabled. When enabled, users are able to switch between the candidate login page and the admin page by clicking the corresponding tab. If not using tabs, Admin users will need to add /admin to the URL in order to access the Admin login page. 

  2. Logo

    Your institution's logo can be displayed here. If you choose not to have a logo, you will have a plain text title of your institution instead. The logo displayed here is also displayed to candidates in the header on the candidate report. 

  3. SSO Login text

    If using Single Sign-On (SSO), you can choose what text is displayed to candidates and admin users for the SSO login option. If you choose not to customize, the default text displayed is 'Login with X'. 

  4. SSO Login logo

    If using SSO, you can add a small logo on the SSO login option. Common choices are the institution's logo or the logo of the SSO provider. 

  5. Login help text

    This box is optional and as default will display the message 'Trouble logging in? Ask your teacher.' on the candidate login page and 'Trouble logging in? Contact a user administrator' on the admin login page. This area can be used to add details about privacy notices, terms and conditions, and/or links to support pages. 

  6. Background image

    The default background images are all Norwegian landscapes but these can be changed to images that better suit your institution. The background image for the candidate login page can be different from the image for the admin login page. Please note that as mentioned below, the image on the candidate login page will be visible on the candidate dashboard after the candidate has logged in. 

  7. Photo credit

    If you have a background image that requires photo credits, it is possible to add this in the bottom right corner of the login pages (for both Admin and Candidates). This can be removed if not necessary. 

Old Candidate dashboard

The candidate login page and the candidate dashboard after login share the same background image.

  • To ensure legibility, the background image should avoid having light and busy images. 
  • The elements on the page consist of white text directly placed on the background and this text is not customisable. 

Technical constraints

Custom background image specifications for login pages

  • Minimum dimensions: 1000x800px
  • Maximum file size: 1000kb
  • Recommended file format: .svg or .jpg, but .png is allowed for images with few colors

Custom logo

  • Image dimensions: min. 360x100px recommended
  • File size of Image: max 100kb
  • File format: .svg, .png and .jpg format is accepted 

SSO logo

  • Image Shape: Ensure your logo is in a square format.
  • Image dimensions: 150x150px. This is both the maximum and recommended resolution to ensure your logo looks optimal on all devices.
  • File size of Image: max 50kb
  • File format: .png and .jpg format is accepted  

Examples

Candidate login page

 

Admin login page

Articles in this section

Was this article helpful?
0 out of 0 found this helpful