Authentication Portal UI Configuration
If you have not made any configuration changes yet, please see How to make configuration changes
It is possible to change the way that some pages appear to the end-user so that they match any required branding in terms of colours and images.
This article shows you how to configure the look of the idenprotect Authentication Portal. If you want to see how to configure the look of the idenprotect User Portal, see User Portal UI Configuration
Configuring the idenprotect Authentication Portal branding
This configuration can be found in: -
- The Authentication Portal UI section in the idenprotect Core Platform Admin Console Config Tab
The idenprotect Authentication Portal has a number of brandable components as shown in the diagram below
To change the look of a button, select the button you wish to configure. The following components are modifiable: -
- Background Colour of the button
- Border Colour of the button
- Hover Colour of the button (the colour the button appears when the mouse pointer is hovering over it)
- Text Colour inside the button
The input to these fields can be done using Hex codes or when you click in the field, a colour chart will appear and you can pick the colour you want to use.
As you make changes to the colours, you should see a live preview on the button.
To specify a background image, select the choose file button and navigate to a suitable file for upload. You should see the text "No file chosen" will update to the filename you have selected.
The background image will be scaled to fill the background of the page so for the best look, a landscape image of reasonably high quality should be used. The minimum we recommend is an image with a height of 600 pixels but higher resolutions should be used where possible. Please also consider file size as very large files may take a moment to load when the user arrives on the screen.
To specify a logo image, select the choose file button and navigate to a suitable file for upload. You should see the text "No file chosen" will update to the filename you have selected.
The logo will be scaled to fit on the header bar and can, therefore, be a much smaller image. The image should be of reasonably high quality and the minimum we recommend is an image with a height of 100 pixels. Please consider file size as very large files may take a moment to load when the user arrives on the screen.
Logon Help Image
When authenticating to the Authentication Portal, a GIF shows up which instructs the user how to authenticate on their mobile application. There is an option to specify an image of your choice to replace the default GIF.
The image will be scaled to an upper maximum but we recommend that the image should still be of a reasonably high quality so that it is easily understandable by the user. Please consider the file size as very large files may take a moment to load when the user arrives on the screen.
Note : the appearance of the Logon Help Image is optional. By default, it is set to be shown and will be set to our default image. If you wish to switch off the appearance of this image completely. Please see Authentication Portal Configuration
To submit your changes, please ensure you click the Submit button at the bottom of the page. If you have uploaded images, you should now see a preview of that image on the Configuration screen.
Background API calls will be made so that the changes are applied immediately. Please note that if you have previously loaded the idenprotect Authentication Portal page in your web browser, it may have cached the old settings so closing the web browser and re-opening may be required before the changes are noticed.
Resetting back to default
To reset the UI Configuration back to defaults, simply clear any values that have been modified. When you submit the changes, the defaults will be applied.