Create the login page interface

Create a hidden panel, login form, and a panel loader.
  1. Add a hidden panel that will be visible after a successful login:
    1. In
      Project view
      , right-click
      UI
       and select
      New
      Containers
      Panel
      .
    2. Hover-over the panel, select
      Edit
      , and enter
      HiddenPanel
    3. Right-click the panel and select
      New
      Base controls
      Label
      .
    4. Hover-over the label, select
      Edit
      , and enter
      HiddenContent
      .
    5. In
      Properties
      , set
      Text
       to
      Hidden content
      .
  2. (Optional) Arrange the hidden panel interface elements:
    1. In
      Project view
      , double-click
      HiddenPanel
      .
      The editor opens in a separate tab.
    2. In the central pane, arrange the interface elements. See Graphic objects layout.
  3. Add the login form:
    1. From the toolbar, select
      Template Libraries
      .
    2. In
      Libraries
      , from the top list, select
      Widgets
      .
    3. From the list at the bottom, drag
      Login Form
       onto the
      UI
       folder in
      Project view
      .
    4. Select
      Close
      .
  4. Configure the login form:
    1. Hover-over
      Login Form
       and select
      Lock
      .
    2. In
      Project view
      , right-click
      LoginForm
       and select
      New
      Runtime NetLogic
      .
    3. Hover-over the NetLogic, select
      Edit
      , and enter
      LoginFormNetLogic
      .
    4. In
      Properties
      , at the top, select
      Variable
      .
    5. Hover-over the variable, select
      Edit
      , and enter
      Panel
      .
    6. Next to the
      Panel
       variable, select
      Int32
       and select
      NodeId
      .
      TIP: If you do not see the required option, select the
      Show all
       checkbox.
    7. Create a dynamic link between the
      Panel
       variable and
      ProjectName
      UI
      HiddenPanel (type)
      .
      For more information about dynamic links, see Create dynamic links.
    8. In
      Properties
      , at the top, select
      Variable
      .
    9. Hover-over the variable, select
      Edit
      , and enter
      Message
      .
    10. Next to the
      Panel
       variable, select
      Int32
       and select
      String
      .
    11. Remove the
      Message
       variable value.
      The variable value is blank.
  5. Add a panel loader:
    1. In
      Project view
      , right-click
      MainWindow (type)
       and select
      New
      Containers
      Panel loader
      .
    2. Create a dynamic link between the
      Panel
       variable and
      ProjectName
      UI
      LoginForm (type)
      .
      For more information about dynamic links, see Create dynamic links.
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.