Skip to main content

Add background image to login sequence

You can add a custom background image to the Front-end (PSF) that will display behind the login sequence.

For example:

  1. Open <instance>/design/custom/_common-custom.scss.

  2. Add the following:

    $auth-use-image: true;
$auth-bg: '<filename of image>';

  3. Add the background image into the <instance>/design/src/ui/src/assets/images directory.

  4. Generate the new skins.

    39487.png
Steps to disable the image

To disable the image:

  1. Open <instance>/design/custom/_common-custom.scss.

  2. Set $auth-use-image: to false

    $auth-use-image: false;

  3. Generate the new skins

Note

The files stored in the ‘ui/src/assets/images’ are removed during upgrade causing the post-installation task "build skin" to fail because the image file cannot be found. The workaround is to copy the image back to the ui/src/assets/images directory after the "upgrade" and "rebuild skin" tasks have been completed.

In this section: