Creating a login Component from a template

Along with the instructor, create a login Component.

  1. Create a new UX Component from a SecurityFramework template, as shown here:


Click OK in this window.

  1. A Help dialog box appears; click OK.
  2. Save the Component with the file name login.
  3. Display and examine the Component in Working Preview.
  4. Return to the Design tab.

Examining the template Component’s Login properties


Along with the instructor, in the Design area’s left-hand pane, click Properties, and locate the Login group, as shown here:


  • The User name control, Password control, and Placeholder
  • Properties refer to the controls in the template.
  • Logout does full page reload means that when the user logs out, the Component's layout will be re-computed on the server.
  • Controls that require membership in security groups will be hidden.
  • If you create a login Component without using the template:
    • The checkbox for the Has integrated login functionality Property will not be marked, and the other Login Properties will not appear. When you mark the first Property, the other Properties appear.
    • You can create User name, Password, and Placeholder controls using the control (located in the Defined Controls group).


Examining the template controls and their security Properties

Along with the instructor, in the Design tab’s left-hand pane, click Controls, and explore the following controls and Properties.

  • The PANEL_LOGIN control holds the Components and controls for authenticating the user.
  • The PANEL_APPLICATION control is the entry to the application for a user whose identity has been authenticated.
  • These Panel Card Ids are in the template. You can use different Ids.
  • In the Panel Navigator control:


  • A user cannot “swipe” to move from Panel Card to Panel Card. JavaScript commands will navigate between them instead.
  • In the Username control, the Autocorrect and Autocapitalize Properties are both turned off.
  • In the Password control:
    • The Autocorrect and Autocapitalize Properties are both turned off.
    • The Password Property checkbox is marked. This means that what the user enters will appear as bullets.
    • The Maximum length Property is set to -1, meaning “unlimited”.
  • In the Login control’s click Event, the comment refers to the Component’s Has integrated login functionality Property that was mentioned on the previous page.
  • In the Logout control’s click Event, the comment refers to the Login Component used mostly in earlier versions of Alpha Anywhere when developing for Web applications.


Server-side Login Events

Along with the instructor, examine some Server-side Login Events.

  1. In the left-side pane of the Design tab, click Server-side.
  2. Examine the beforeLogin Event’s comments to see when it is useful.
  3. Examine the onLogin Event’s comments to see when it is useful. This Event executes whether or not authentication is successful.
  4. Close the Component.