Skip to main content

Hide Display By Node ID Node

The Hide Display By Node ID node controls the visibility of other nodes in a flow by targeting them with their unique Node ID. This allows you to dynamically show or hide specific nodes during flow execution, creating conditional displays and interactive user experiences.

Hide Display By Node ID node

Basic Usage​

Use the Start Node, Hide Display By Node ID, and other display nodes for creating conditional visibility workflows.

Inputs​

The Hide Display By Node ID node accepts the following input:

  • Input (left connection): A trigger or data input that activates the node to hide or show the target node.

Outputs​

  • Output (right connection): Passes through the execution flow after the visibility change has been applied.

Configuration​

Node ID​

Enter the unique identifier of the node you want to hide or show:

  • Text Field: Type or paste the Node ID of the target node

How to Find a Node ID:

  1. Right-click on the target node (e.g., Display Text node)
  2. Select "Node Id Copy" from the context menu
  3. The Node ID will be copied to your clipboard (format: 1-6d25-4644-bb63-2fbagf9436c8)
  4. Paste the copied Node ID into the Node ID field of the Hide Display By Node ID node

Note: The Node ID must match exactly for the visibility control to work.

Example Workflows​

Hiding Content from Display​

Scenario: Hide specific content from being displayed in your flow by adding a Hide Display By Node ID node before the content you want to hide.

Hide Display Node by ID Example

Steps to Create the Flow:

  1. Start with the Start Node.

  2. Add a Display Text node with initial content:

    Click the button below to reveal more information.
    • Connect: Start Node output (red dot) → Display Text input (red dot)

  3. Add a Show Button node for user interaction:

    • Label: "Show More"
    • Connect: Display Text output (red dot) → Show Button input (red dot)

  4. Add another Display Text node with content you want to hide:

    This is the hidden content that will be revealed!

    i. Right-click on this Display Text node

    ii. Select "Node Id Copy" from the context menu

    iii. The Node ID will be copied (Example: f1003b3e-6d25-4644-bb63-2fbac)

  5. Add a Hide Display By Node ID node between the button and the second Display Text:

    i. Paste the copied Node ID into the Node ID field

    ii. Connect: Show Button output (blue dot) → Hide Display By Node ID input (red dot)

    iii. Connect: Hide Display By Node ID output (red dot) → Second Display Text input (red dot)

How it works:

  • When the flow runs, the second Display Text is initially hidden because the Hide Display By Node ID node is in the flow path before it
  • When users click "Show More", the execution passes through the Hide Display By Node ID node, which reveals the hidden content
  • To hide content: Keep the Hide Display By Node ID node in the flow
  • To show content permanently: Simply remove the Hide Display By Node ID node from the flow

Result: Users can control which nodes are hidden or visible by adding or removing Hide Display By Node ID nodes in the flow path.