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, 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, 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, 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, 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, and enter ZipButton
    3. In Properties, set the Text property to Zip
    4. In the Events pane, next to MouseClickEvent, select 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, and enter UnzipButton
    3. In Properties, set the Text property to Unzip.
    4. In the Events pane, next to MouseClickEvent, select 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.