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
  • Creating a Group
  • Using Groups
  • Group Defaults and Overrides
  • Deleting Groups

Was this helpful?

  1. Fundamentals

Groups

Last updated 2 years ago

Was this helpful?

Groups allow you to create reusable components that can be used to help create consistent design and functionality throughout your site.

Creating a Group

In the Page Editor, select the module you want to convert into a Group. Right click on the Module and select Convert into a Group. After entering a name for your Group, the Module Card and border will turn green to indicate the instance is a Group.

Using Groups

You'll find a list of Groups in the Modules panel on the left side of the Page Editor. These Groups can be dragged onto a page exactly the same as Modules.

Group Defaults and Overrides

Group Defaults are the values which are the defaults which apply when first adding an instance of a Group to a page.

Overrides are values added to an instance which override the Group Defaults only on the specific instance in which they where set.

For example, if you have a Styled Button Group, and override the Button Label value, that text will only change on that single button.

However, if you edit the Group Default for the Button Label value, that text will change for all instances which do not have an Override applied.

When selecting a Group on a Page, you'll see these buttons in the Settings Pane:

Selecting Edit Default will allow you to edit the Group Defaults for all modules.

Selecting Add Overrides will allow you to override values for this specific Group instance.

Selecting Clear all overrides will remove all Overrides from this Group Instance, reverting the instance back to the Defaults.

Deleting Groups

Groups can only be deleted if no instances exist anywhere on your site.

To delete a Group, right click the Group in the Module pane and select Delete Group.

If the Group is being used on any Pages in your Site, the delete option will be disabled.

Group Settings Panel