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
  • Duplicating the Panel Page
  • Editing the Content of the Panel Page
  • Adding the Panel Card to the Feature Page
  • Linking the New Panel Card to the Panel Page

Was this helpful?

  1. Template Guides
  2. NatGeo FYC

Adding a Panel

Last updated 2 years ago

Was this helpful?

Duplicating the Panel Page

  1. Copy the Page ID of the existing Panel 01 page

2. Click Create New Page

3. Paste the Page ID from step 1 into Copy an existing Page?

4. Fill out the rest of the details with the applicable panel number or name.

5. Set the page visibility to Private

Editing the Content of the Panel Page

  1. Enter the page editor for the newly created page.

  2. Select the video module, and load in panel content.

3. Edit content of rich text modules with panel details.

Adding the Panel Card to the Feature Page

  1. Enter the page editor for the /feature page

  2. Drag a Panel Card group into the slot next to the existing Panel Card

3. Update the details of the new panel card (image, title)

Linking the New Panel Card to the Panel Page

  1. Click the image module in the newly created Panel Card. The outline should turn blue.

  2. Right click the image

  3. Select Copy Selector: groupModuleId

4. Enter the flow controller

5. Create the following flow: Image:on-click->Router:goto

6. Enter the URL of the panel page we created earlier into the Router:goto Path field

7. Enter * into the Router:goto About field

8. Paste the copied groupModuleId into the Image:on-click About field

9. Save the flows

Location of the Copy ID Button
The selector to copy
The flow to create