Security Login Designer
Reference page for the Security Login Designer for a Servoy Cloud Application
Last updated
Reference page for the Security Login Designer for a Servoy Cloud Application
Last updated
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.
Defining Colors
To set a color for a specific property:
Enter a HEX Color Code: Type a valid HEX color code (e.g., #e515f4) in the text input field.
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.
Revert to Default Color: To reset to the default color, clear the current value from the color input field.
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.
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.
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.
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.
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
