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 Settingsusing the settings icon.Click the
Create custom loginbutton.Navigate to the
Security Loginpage.
Customize Login
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.
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'.
Company Logo
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