Login component is only available when you are editing the Login page. A Login component is automatically added to the Login Page that you create. Only one Login component is allowed in a web project.

In the Login Properties, you customize the position, size, title, and title style of the object. You can adapt the following properties in particular:

• Changing size and position of an component

• Setting the background color

• Setting the style of text

• Setting the login animation

Set the Login animation

Set the animation properties of Login under Properties -> Animation:

1. Click the down arrow at the right end of row To customized site or Keep me logged on.

2. Select Invisible or Visible to hide or show configuration items on the login page of your web project.

   

   • To customized site: if you check the box of this configuration item when logging in, you will be taken directly to the Home page of your web project after login.

   • Keep me logged on : if you check the box of this configuration item when logging in, you only need to enter the corresponding password for you first login.

Properties for Login

• Basic

  • Name: Login

  • Location: you can modify the location coordinate for the Login component.

  • Size: you can modify the width and height information for the Login component.

• Styles

  • Font: select Font, Font Style and Size information separately in the Font pane. Click the OK button to save the changes or click the Reset to Default button to reset to the default settings.

  • Text Color: click Text Color Swatches, select a swatch, and click OK button.

  • Border Width: adjust the value depending on your need.

  • Border Style: select dotted, dashed, solid or double depending on your need.

  • Border Color: click Border Color swatches, select a swatch, and click OK button.

  • Transparency: value ranges from 1 to 100, adjust the value depending on your need.

  • Background Color: click Background Color swatches, select a swatch, and click OK button.

  • Fill: click the check box depending on whether to fill the rectangle with background color.

• Animation

  • To customized site: select to show or hide this configuration item on the login page for the web project.

  • Keep me logged on : select to show or hide this configuration item on the login page for the web project.