| Description | The article describes how to create a new portal and modify replacement messages for the portal. |
| Scope |
FortiAuthenticator.
This article does not cover full HTML coding. Only few settings will be modified to give an idea that how easily one can customize Replacement messages in FortiAuthenticator Portals. |
| Solution |
1) Create a portal (if the portal is configured already then skip this step). Logon to FortiAuthenticator, expand Authentication and then open Portals. Select 'Create New'.
2) Enter the name of the portal, here 'Guest_Portal' is being used. In this case, only 'Disclaimer' and 'Account Registration' are enabled but any of the services from Pre-Login Services and Post-Login Services can be enabled as per requirement. Select 'OK' to finish the portal settings.
3) Select 'Replacement Messages' in the left pane. Select the guest portal created in the last step and chose 'Edit'.
4) A list of replacement messages that can be modified can be seen. In this article, only 'Login Page' is chosen for the customization.
5) The logo and the background color of the login page are being changed.
6) At first upload the Logo to the FortiAuthenticator. Select 'Replacement Messages' and then choose 'Manage Images' on the right pane.
7) After uploading the logo image, select' Create New'.
8) Create a new image. FortiAuthenticator only supports these file types GIF, JPEG, PNG.
9) Once the image is uploaded, it will be shown in the list.
10) Select 'Create New' again and upload the background image, this will be added as a background image on the guest portal.
11) Go back to the Replacement Messages and select Guest_Portal.
12) Select Login Page.
11) The following screen will come up.
12) Now modify the path in the img id and src.
By default, this is the entry shown.
<img id="fortinet-logo-login" src="/site_media/css/images/fortinet_grid.svg" alt="">
Now modify the src and replace it with the value of the Logo, which was imported into the Images. Now the path will look like this.
<img id="fortinet-logo-login" img src={{:image/Fortiauthenticator_Logo}} alt="">
13) Now add the background image. Just select the Login Page in the Replacement Message and add the following line after ' body { '.
background: url('{{:image/fortinet_background}}');
14) After modifying the path select Save and go to Policies under Portals and select Create New.
15) Enter the required information, select the recently created 'Guest_Portal' and select Next.
16) Select the realm and Local/Remote Users under Identity Sources.
17) Enable the required Authentication Factors and select Save and Exit.
18) Upon successful completion, it will show the guest portal URL. Note down this URL, as it will be used by the users to access the portal.
Now open a new browser and open the guest portal URL:
https://[FAC IP/FQDN]/portal/selfservice/Guest_Portal/
Related document: |
