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
  • Overview
  • Checkbox Properties
  • Checkboxes
  • Nodes
  • Broadcasters

Was this helpful?

  1. Modules

Checkbox

Last updated 2 years ago

Was this helpful?

Overview

The Checkbox module can be used to add one or more checkboxes to be used in a form.

Checkbox Properties

Checkbox Group Id (required) String Sets the ID of the checkbox group, which can be referenced by other elements.

Is this field required? Checkbox, default disabled If enabled, guests will be required to check off all checkboxes within the module. If a guest attempts to submit the form without checking it off, a default error message will be displayed.

Custom Required Message String If Custom Required Message is selected from the "Is this field required?" dropdown, the checkbox will be required, and this field can be used to customize the error message to be displayed if the checkbox for required field is not checked off. Example: This field must be accepted before proceeding.

Checkboxes

Checkbox Input Label (required) List of or a singular String(s) Sets the contents (label) for the checkbox. Multiple checkboxes can be added to a Checkbox Module, each with its own Checkbox Input Label. Example: 'I accept the terms and conditions'.

Checkbox Group Label String Sets the label for the checkbox group, displayed above the contents of the checkbox group.

  • row

  • column

  • row-reverse

  • column-reverse

Size Dropdown, default md Sets the size of the checkbox(es). These values can be used:

  • sm

  • md

  • lg

Style attribute String, css style property input Can apply additional CSS to customize the checkbox.

Nodes

Broadcasters

Checkbox:on-change

Broadcast event when a checkbox is clicked.

Parameters

value - selected and number selected

Checkbox Group Alignment String, css property The alignment of items within the checkbox group. These values can be used:

flex-direction
Checkbox module containing a group of checkbox buttons arranged by rows