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.