Create the contact form interface

Create the contact form interface and integrate it with the NetLogic.
  1. In the
    Project view
     pane, expand the
    UI
     folder.
  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 the
      Properties
       pane, in the
      Text
       property, enter
      Contact Form
      .
    4. Select
      EmailLabel
       and in the
      Properties
       pane, in the
      Text
       property, enter
      Email
      .
    5. Select
      SubjectLabel
       and in the
      Properties
       pane, in the
      Text
       property, enter
      Subject
      .
    6. Select
      BodyLabel
       and in the
      Properties
       pane, in the
      Text
       property, enter
      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 the
      Properties
       pane, in the
      Text
       property, enter
      Send
      .
    4. In the
      Event view
      , next to
      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.
Fornire un feedback
Hai domande o feedback su questa documentazione? invia il tuo feedback qui.
Normal