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
      , 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
      , 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
      , and enter
      SendButton
      .
    3. In
      Properties
       set
      Text
       to
      Send
      .
    4. In
      Event view
       set
      MouseClickEvent
      , select
      Add
       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.
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.