Organize your app with Logic Groups

Uiflow applications often require many components, which can lead to messy "flows". To keep your application as neat as possible, group related components in Logic Groups. This enables you to compartmentalize different aspects of your application and ease project navigation.
See the following sections for more details:

Create and use Logic Groups

To create and use a Logic Group:
  1. 1.
    Navigate to the Logic view.
  2. 2.
    Navigate to the Libraries panel > Logic and drag-and-drop a Logic Group component into your application.
  3. 3.
    Double-click into the Logic Group.
  4. 4.
    Drag-and-drop any components you need from the Libraries or Design References panels into the Logic Group.

Wrap components in a Logic Group

In some cases, you may want to group components in a Logic Group after you add them to your application and incorporate them into your flow. To add existing components to a Logic Group without removing connections or disrupting your flow, use the Wrap in Logic Group functionality.
To wrap existing components in a Logic Group:
  1. 1.
    Select the component(s) you want to wrap in a Logic Group. To select multiple components, hold the Shift key and click the desired components.
  2. 2.
    Right-click the selected component(s) and click Wrap in Logic Group:
    This adds all selected components to a new Logic Group.
Note: The Logic Group component appears on the same level where your wrapped components previously resided.