Customise the login page
Martyn Double
18 steps
2 minutes
1
Click "Edit"
2
Clicking this link will open the login panel
3
The layout setting will default to 'Classic'. This is the theme’s default login page without any customisation
4
Changing this to 'Custom' will show all the customisation options that are available when in custom mode
5
6
The headers section allows customisation of the text displayed for each section. If organisations are available on the system, it will show two inputs, one for email login, and the other for organisational login
7
Here we can select translations (if available) for the header text [https://knowledge.imagen.io/activate-a-language-license](https://knowledge.imagen.io/activate-a-language-license)
8
Click remove to default to basic background colour
Pro tip! The background colour only shows when an image is not set
9
When "Show email login panel" is ticked users will be able to log in with their email address
10
When "Show organisation login panel" is ticked users will be able to log in via their organisational SSO [https://knowledge.imagen.io/configuring-sso-service-provider](https://knowledge.imagen.io/configuring-sso-service-provider)
11
When "Show the register link" is selected a link to create a new account will be displayed
12
When the "Show 'Keep me logged in' link" is selected users will not have to sign back in even if they close the browser and return later.
13
Here we can select if we want to "Show headers" at the top of the login panel
14
Selecting "Swap left and right login panels" will switch the location of the email and organisational login sections
Pro tip! The option to swap panels will not apply when displayed on smaller screen sizes such as mobile devices
15
Selecting the "Use blur overlay" will blur the area of the background image under the organisation login panel
16
Select the "Add transparency" field Add a transparent effect to the organisation login panel. The level of transparency and colour can be adjusted using the colour picker below
17
Click "Save" to finalise customisation of your login page
18
Example:
Customise the login page
Martyn Double
18 steps
2 minutes
1
Click "Edit"
2
Clicking this link will open the login panel
3
The layout setting will default to 'Classic'. This is the theme’s default login page without any customisation
4
Changing this to 'Custom' will show all the customisation options that are available when in custom mode
5
6
The headers section allows customisation of the text displayed for each section. If organisations are available on the system, it will show two inputs, one for email login, and the other for organisational login
7
Here we can select translations (if available) for the header text [https://knowledge.imagen.io/activate-a-language-license](https://knowledge.imagen.io/activate-a-language-license)
8
Click remove to default to basic background colour
Pro tip! The background colour only shows when an image is not set
9
When "Show email login panel" is ticked users will be able to log in with their email address
10
When "Show organisation login panel" is ticked users will be able to log in via their organisational SSO [https://knowledge.imagen.io/configuring-sso-service-provider](https://knowledge.imagen.io/configuring-sso-service-provider)
11
When "Show the register link" is selected a link to create a new account will be displayed
12
When the "Show 'Keep me logged in' link" is selected users will not have to sign back in even if they close the browser and return later.
13
Here we can select if we want to "Show headers" at the top of the login panel
14
Selecting "Swap left and right login panels" will switch the location of the email and organisational login sections
Pro tip! The option to swap panels will not apply when displayed on smaller screen sizes such as mobile devices
15
Selecting the "Use blur overlay" will blur the area of the background image under the organisation login panel
16
Select the "Add transparency" field Add a transparent effect to the organisation login panel. The level of transparency and colour can be adjusted using the colour picker below
17
Click "Save" to finalise customisation of your login page
18
Example:
