Create the contact form interface

Create the contact form interface and integrate it with the NetLogic.
  1. In
    Project view
    , expand
    UI
    .
  2. Create labels:
    1. Create four labels by right-clicking
      MainWindow (type)
       and selecting
      New
      Base controls
      Label
      .
    2. Rename the labels by hovering-over each label, selecting
      Edit icon
      , and entering:
      • ContactForm
      • EmailLabel
      • SubjectLabel
      • BodyLabel
    3. Select
      ContactForm
       and in
      Properties
      , set
      Text
       to
      Contact Form
      .
    4. Select
      EmailLabel
       and in
      Properties
      , set
      Text
       to
      Email
      .
    5. Select
      SubjectLabel
       and in
      Properties
      , set
      Text
       to
      Subject
      .
    6. Select
      BodyLabel
       and in
      Properties
      , set
      Text
       to
      Body
      .
  3. Create text boxes:
    1. Create three text boxes by right-clicking
      MainWindow (type)
       and selecting
      New
      Base controls
      Text box
      .
    2. Rename the text boxes by hovering-over each text box, selecting
      Edit icon
      , and entering:
      • EmailBox
      • SubjectBox
      • BodyBox
  4. Create the Send button:
    1. Right-click
      MainWindow (type)
       and select
      New
      Base controls
      Button
      .
    2. Hover-over the button, select
      Edit icon
      , and enter
      SendButton
      .
    3. In
      Properties
       set
      Text
       to
      Send
      .
    4. In
      Event view
       set
      MouseClickEvent
      , select
      Add icon in black
       and select
      ProjectName
      NetLogic
      EmailSender
      SendEmail
      .
    5. Create dynamic links between:
      • replyToAddress
         and
        ProjectName
        UI
        MainWindow (type)
        EmailBox
        Text
        .
      • mailSubject
         and
        ProjectName
        UI
        MainWindow (type)
        SubjectBox
        Text
        .
      • mailBody
         and
        ProjectName
        UI
        MainWindow (type)
        BodyBox
        Text
        .
      For more information about dynamic links, see Create dynamic links.
  5. Arrange the interface elements.
Contact form layout with labeled fields for Email, Subject, and Body, each with corresponding input boxes, and a Send button positioned at the bottom right.
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.
Normal