Create the interface elements

Create the required text boxes and buttons.
  1. Create variables:
    1. In
      Project view
      , create three variables by right-clicking
      Model
       and selecting
      New
      Variable
      .
    2. Rename the variables by hovering-over each variable, selecting
      Edit
      Edit
      , and entering:
      • Source
      • Target
      • Password
    3. For each variable, in
      Properties
      , select
      Int32
       and select
      String
       and clear the value.
  2. Create the source file path text box:
    1. In
      Project view
      , expand
      UI
      .
    2. Right-click
      MainWindow (type)
      and select
      New
      Base controls
      Text box
      .
    3. Hover-over the text box, select
      Edit
      Edit
      , and enter
      SourceBox
    4. In
      Properties
      , set
      Placeholder text
      to
      Source file path
    5. Create a dynamic link between
      Text
       and
      ProjectName
      Model
      Source
      .
      For more information about dynamic links, see Create dynamic links.
  3. Create the target file path text box:
    1. Right-click
      MainWindow (type)
      and select
      New
      Base controls
      Text box
      .
    2. Hover-over the text box, select
      Edit
      Edit
      , and enter
      TargetBox
      .
    3. In
      Project view
      , select
      TargetBox
      .
    4. In
      Properties
      , set the
      Placeholder text
      property value to
      Target file path
    5. Create a dynamic link between the
      Text
       property and
      ProjectName
      Model
      Target
      .
      For more information about dynamic links, see Create dynamic links.
  4. Create the password text box:
    1. Right-click
      MainWindow (type)
      and select
      New
      Base controls
      Text box
      .
    2. Hover-over the text box, select
      Edit
      Edit
      , and enter
      PasswordBox
      .
    3. In
      Project view
      , select
      PasswordBox
      .
    4. In
      Properties
      , set the
      Placeholder text
      property value to
      Password
    5. In
      Properties
      , set the
      Control  type
      property value to
      Password
      This setting obfuscates the entered password.
    6. Create a dynamic link between the
      Text
       property and
      ProjectName
      Model
      Password
      .
      For more information about dynamic links, see Create dynamic links.
  5. Create the Zip button:
    1. In
      Project view
      , right-click
      MainWindow (type)
      and select
      New
      Base controls
      Button
      .
    2. Hover-over the button, select
      Edit
      Edit
      , and enter
      ZipButton
    3. In
      Properties
      , set the
      Text
       property to
      Zip
    4. In the pane, next to
      MouseClickEvent
      , select
      Add
      Add
       and select
      ProjectName
      NetLogic
      ZipUnzipLogic
      CreateZipArchive
      .
  6. Create the unzip button:
    1. In
      Project view
      , right-click
      MainWindow (type)
      and select
      New
      Base controls
      Button
      .
    2. Hover-over the button, select
      Edit
      Edit
      , and enter
      UnzipButton
    3. In
      Properties
      , set the
      Text
      property to
      Unzip
      .
    4. In the pane, next to
      MouseClickEvent
      , select
      Add
      Add
       and select
      ProjectName
      NetLogic
      ZipUnzipLogic
      UnzipArchive
      .
  7. Link the NetLogic with the variables:
    1. In
      Project view
      , expand the
      NetLogic
       folder.
    2. Select
      ZipUnzipLogic
       and in
      Properties
      , create dynamic links between:
      • Password
         and
        ProjectName
        Model
        Password
      • Source
         and
        ProjectName
        Model
        Source
      • Target
         and
        ProjectName
        Model
        Target
      For more information about dynamic links, see Create dynamic links.
  8. Arrange the interface elements.
Provide Feedback
Have questions or feedback about this documentation? Please submit your feedback here.