Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

You will now need to supply the actual customisations that are to be applied to the logon screen then enable the customisation by clicking on the "Enabled" checkbox, then clicking on the "SAVE" button.

Banner Customisation

It is possible to replace the logo and banner background that is displayed at the top of the single sign-on screen (see example below);

Image Added

The logo can be customised following instructions found in this wiki guide: Customising the Logo Icons

To change the background colour click on the button "CSS" customisation option found in the section "Manage Content";

Image Added

A new window will open titled "CSS", deselect the checkbox "Keep this field empty", and you will be able to supply CSS script;

Image Added

As an example, the following script will replace the background colour for the banner from the detault colour to white;

Info
titleExample CSS Script

.page-header {
background-color: white !important;
}
 
.page-header-image {
width: 200px;
max-height: 200px;
}
 
.page-header-middle {
font-weight: bold;
color: red;
}
 
.content-footer {
margin-bottom:20px;
font-weight: bold;
color: red;
}
 
.page-footer {
background-color: lightgray;
font-size: 12px;
}

In the above example script the background colour is determined by the following part of the script;

Image Added

Further customisations to the page may be made but adjustments to other parts of this sample script.