Enable custom login

Introduction

Choosing the Enable custom login? in the Login Page UI section of the UI settings allows for in-depth customization of the login page.

Properties Configuration

• Enable custom login?: Checking this option allows for choosing 5 custom preset templates, with the option to edit these templates using HTML and CSS.
  • Choose Template: Select between 5 preset templates.
  • Edit Template: Edit the HTML and CSS of the current template.
  • Reload Template: Refreshes the changes made in Edit Template.
• Title: Enter a display title for the login page.
• Custom Username Text: Enter a display title for the
• Custom Password Text: Enter a display title for the
• Subtitle: Enter a display subtitle for the login page.
• Image: Upload a background image for the login page.
• Title Color: Select or define the color of the title.
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Custom Username Color: Select or define the color of the username field's text. You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Custom Username Placeholder: Enter placeholder text for the username field.
• Username Field Color: Specify the background color for the username input field. You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Custom Password Color: Select or define the color of the password field's text. You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Custom Password Placeholder: Enter placeholder text for the password field.
• Password Field Color: Specify the background color for the password input field. You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Subtitle Color: Select or define the color for the subtitle text. You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Button Text: Enter the display text for the login button.
• Background Color: Specify the background color for the login page. You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Button Color: Choose the color for the login button. You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Button Text Color: Select or define the color for the text on the login button. You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.