Flux Product Docs
  • What is Flux?
  • Guides
    • Creating a Premium Video
    • Creating Your First Site
    • Creating a Countdown
    • Creating a Navigation Bar
    • Creating a Group
    • Custom 404 Page
    • Adding a Favicon to Your Site
    • Adding Videos to Your Site
    • Managing Your Guest List
    • Asset Management
    • Creating Sites from Site Templates
    • Publishing Site Versions
    • Advanced Debugging
  • Fundamentals
    • Key Concepts
    • Sites
    • Guests
    • Environments
      • Show Variables
    • Flows
      • Anatomy of a Node
      • Connecting Nodes and Building Flows
      • Passing Data
      • Scope
      • Interpolation
    • Keyboard Shortcuts
      • Keyboard Shortcuts - Page Editor
    • Animation States
    • Local Variables
    • Groups
  • Use Cases
    • For Designers
    • For Engineers
      • Custom CSS
      • Custom Modules
    • For Event Manager
      • Intercom Integration
  • Documentation
    • FAQ
    • Glossary
    • 🚀Show Controller
      • Modes
    • Domains and Subdomains
      • Hover
      • AWS Route 53
    • Premium Live Channels
    • Basic Video
    • Premium Video
      • AI Generated Subtitles
      • Supported Input Codecs and Containers
      • Supported Language Labels
      • Serverside Forensic Watermarking
    • Flow Nodes
      • Middleware
  • Modules
    • Access Code
    • Audio
    • Button
    • Carousel
    • Chat
    • Checkbox
    • Container
    • Countdown
    • Date
    • Embed
    • Image
    • Intercom
    • Link
    • Lottie
    • Page
    • Meter
    • Modal
    • Photobooth Gallery
    • Open Login
    • QR Code
    • Radio
    • Rich Text
    • Stack
    • Style
    • Spline
    • Switch
    • Text Input
    • Video
  • Template Guides
    • NatGeo FYC
      • Adding a Panel
    • Meow Wolf All Shrimps
  • 🚀Change Logs
    • July 12, 2024
    • June 08, 2024
    • April 26, 2024
    • April 12, 2024
    • March 29, 2024
    • March 15, 2024
    • March 1, 2024
    • September 2022
    • August 2022
    • July 2022
    • June 2022
Powered by GitBook
On this page
  • Icon
  • Title
  • Description
  • Inputs
  • Outputs

Was this helpful?

  1. Fundamentals
  2. Flows

Anatomy of a Node

Last updated 2 years ago

Was this helpful?

A node defines a collection of instructions for the Flow Controller. By connecting multiple nodes together, you can program the behavior of your site.

Let's take a look at a node, and break down it's parts. We'll look at a Middleware node, as it has all parts that can be included with a node, but be aware that not all nodes will have every part.

This entire element is refered to as the Node.

Icon

The icon represents the type of node.

Here are the icons, and what type of node they represent.

Icon
Description
Node Type

Lightning Bolt

Listener

Asterisk (Yellow)

Middleware

Field

Value

Antenna

Broadcaster

Asterisk (Red)

About

Title

The Title provides a high level name for the Node.

If the Node is associated with a Module type, it will also be displayed here. For example:

Description

The description provides a brief explanation of what the node does when pressurized.

Inputs

A Node can have a number of Inputs. These inputs provide data that the Node can use in its function.

In this Equals example, there are two inputs A, and B, it checks if the value passed into both inputs are the same.

Outputs

A Node can have a number of outputs. These outputs provide data and pressure to the next Node in the Flow.

In this Equals example, if both inputs where equal (say we passed 1 to both A and B), the Equal output would be pressurized. If both inputs where not equal, (say we passed 1 to A, and 3 to B ), the Not Equal would be pressurized.

Nodes can also be Pressurized through an input, alongside data. For more information, see .

Data can also be passed alongside pressure through the outputs of a Node. For more information, see .

Connecting Nodes
Passing Data
An Equals Middleware Node
A Node associated with a Module.