Security Login Designer

Reference page for the Security Login Designer for a Servoy Cloud Application

Overview

The Security Login Designer page allows you to personalize your application's login experience. To customize your login screen, follow these steps:

Navigate to Application Settings:

  • Go to Application -> Your Application -> Application Settings using the settings icon.

  • Click the Create custom login button.

  • Navigate to the Security Login page.

Customize Login

Defining Colors

To set a color for a specific property:

  1. Enter a HEX Color Code: Type a valid HEX color code (e.g., #e515f4) in the text input field.

  2. Use the Color Picker: Click the color picker square to open the color picker dialog and choose a color. This will generate a valid HEX color code.

  3. Revert to Default Color: To reset to the default color, clear the current value from the color input field.

Preview

See a real-time preview of your login page. Use the preview tabs to switch between different parts of the login flow, such as 'Login' and 'Forgot Password'.

Sets the logo on the login flow. Enter the URL of the logo you want to display.

If no URL is provided, the default Servoy logo will be used.

Primary color

Sets the background color of the primary button (e.g., Sign in, Reset).

If no color code is provided, the default primary color #FFBA3F will be used.

Primary Label color

Sets the text color of the primary button (e.g. Sign in, Reset etc.)

If no color code is provided, the default primary label color #122D40 will be used.

Page background color

Sets the background color of the pages in the login flow.

If no color code is provided, the default page background color #122D40 will be used.

"Forgot Password" flow

To allow users to reset and recover their passwords, you can enable the "Forgot Password" flow. This will add a "Forgot Password?" button to your login page, allowing users to reset their passwords.

By default, the "Forgot Password" flow is disabled

To enable the "Forgot Password" flow, toggle the switch to Enabled

Last updated