Creating the connection setup form

To create the connection setup form

  1. Open the Version.

  2. Select Connection setup form from the left sidebar.

  3. Select Connection setup.

    ../../_images/ss-connection-setup.png

    Note

    There is only one connection setup form, so nothing is editable here.

  4. Click uibuilder to open the UI builder.

  5. Build your connection setup form.

    Note

    Remember that connection setup forms automatically include:

    • The CyberApp name as the title of the form.

    • A Cancel button to close the connection setup form.

    • A Connect button to enable the CyberApp.

    1. Drag elements from the UI element menu onto the canvas.

      • To set an element’s properties, select the element on the canvas and select the PROPERTIES tab in the configuration pane.

        Note

        For more information, see the details pages for the element types.

      • [Optional] To create dependencies for an element’s visibility, select the element on the canvas and select the VISIBILITY tab in the configuration pane.

        Note

        For more information, see element visibility.

      • [Optional] To set validation criteria for an element, select the element on the canvas and select the VALIDATION tab in the configuration pane.

        Note

        For more information, see element validation.

    2. [Optional] To delete an element, select it and click delete.

    3. [Optional] To find out more about an element, select it and click info.

    4. [Optional] To view a preview of your form, click preview.

      Note

      At this point, you will not see the Cancel and Connect buttons. These are added automatically when deployed.

  6. When you are finished, click Done.

  7. Click Save changes.