Skip to content

How to Add a Dynamic Grid Layer

This guide shows you how to add a Dynamic Grid layer to a Pro Scene, enabling auto-arranging participant functionality within a custom scene.

Quick Steps

  1. Select a Pro Scene (not the Dynamic Scene)
  2. Click Add New Layer in the Layers panel
  3. Select Dynamic Grid from the menu
  4. Adjust alignment and fill settings in the toolbar
  5. Add participants via the Fast Access Bar

What is a Dynamic Grid?

A Dynamic Grid is a special layer type that brings Dynamic Scene functionality into a Pro Scene:

  • Creates an auto-arranging area within your Pro Scene
  • Syncs with the Dynamic Scene participants
  • Allows custom positioning of the grid within your layout
  • Supports up to 12 feeds with intelligent layouts — feeds, not people: each camera, extra camera, screen share and media share takes one of the 12 slots, so one person can use several
  • Only one Dynamic Grid per scene is allowed

Prerequisites

  • You must be in a Pro Scene (not the Dynamic Scene)
  • The current scene must not already have a Dynamic Grid
  • Participants who should appear in the grid must not be on the scene as their own speaker layers. A person is either placed by hand or placed by the grid, not both, so remove their speaker layer first (Step 2 below)

Detailed Steps

Step 1: Select a Pro Scene

  1. In the Scenes panel, click on a Pro Scene
  2. Pro Scenes are any scene except the first one (Dynamic Scene)
  3. Or create a new Pro Scene if needed

Step 2: Take the speaker off the stage

If the person is already on the scene as a speaker layer, select that layer on the scene and click the delete icon at the right end of its toolbar. The scene is empty of participants for a moment. That is expected: the grid will bring them back.

A speaker layer selected on a Pro Scene, with the delete icon at the end of its toolbar pointed out

Step 3: Open Add New Layer Menu

  1. In the Layers panel (left side)
  2. Click the Add New Layer button
  3. A menu appears with layer type options

Step 4: Select Dynamic Grid

  1. Click Dynamic Grid in the menu
  2. Has icon and tooltip: “Mimicking the dynamic scene by allowing the addition of feeds, such as guests, to designated areas.”
  3. Shows a New badge (newer feature)

Error: If the scene already has a Dynamic Grid:

“You can only place one layer of ‘Dynamic grid’ in a scene.”

Step 5: Dynamic Grid is Added

  1. A new Dynamic Grid layer appears in the layer list
  2. The layer name is “Dynamic Grid”
  3. It’s added at the top of the layer stack
  4. The toolbar opens automatically

A Dynamic Grid layer just added to a Pro Scene, selected, with its toolbar highlighted above it

Step 6: Adjust Grid Settings

Click on the Dynamic Grid layer to open its toolbar with these controls:

Fit/Fill Mode

OptionIconDescription
FitGrid iconParticipants maintain 16:9 aspect ratio with gaps
FillStretch iconParticipants stretch to fill the available space

Click the Fit/Fill dropdown to switch between modes.

Vertical Alignment

OptionIconAlignment
TopAlign startParticipants align to top
CenterAlign centerParticipants centered vertically
BottomAlign endParticipants align to bottom

Horizontal Alignment

OptionIconAlignment
LeftJustify startParticipants align to left
CenterJustify centerParticipants centered horizontally
RightJustify endParticipants align to right

Step 7: Position and Resize the Grid

  1. Drag the Dynamic Grid layer on the scene to position it
  2. Resize by dragging the corners/edges
  3. Use Position controls in toolbar for precise positioning
  4. The grid auto-arranges participants within its bounds

Step 8: Add Participants to the Grid

Once a Dynamic Grid exists in the current scene, the participants bar works like on the Dynamic Scene:

  1. Hover over a participant’s tile in the participants bar at the bottom
  2. Click Add to Scene. The person lands inside the grid, not as a separate layer
  3. Repeat for everyone who should be in the grid; the layout rearranges by itself
  4. To take someone out, hover their tile again and click the same control

The Pro Scene with the Dynamic Grid highlighted and the host placed inside it

Note: Participants added to the Dynamic Grid also appear in the main Dynamic Scene.

Dynamic Grid Behavior

Auto-Arrangement

The Dynamic Grid automatically arranges participants based on:

  • Number of participants (1-12)
  • Grid dimensions (width/height ratio)
  • Fit/Fill mode selection
  • Alignment settings

Intelligent Layouts

ParticipantsLayout Examples
1Full grid (maintains aspect ratio in Fit mode)
2Side-by-side or stacked (based on grid shape)
3-42x2 grid or row/column
5-62 rows or 3x2 grid
7-12Multi-row arrangements

Sync with Dynamic Scene

  • Adding to Dynamic Grid adds to sceneList.simple.layers
  • Removing from Dynamic Grid removes from Dynamic Scene
  • Participants already added as Pro layers are excluded from the grid
  • Spotlight functionality works within the grid

Dynamic Grid Layer Properties

PropertyDefaultDescription
typedynamicGridLayer type identifier
fitStretchfitFit (aspect preserved) or stretch (fill)
alignContentcenterVertical alignment
justifyContentcenterHorizontal alignment
dynamicScene.layers[]Array of participants in the grid

Fast Access Bar Behavior

When the current scene contains a Dynamic Grid:

FeatureAvailable
Add buttonYes - adds to Dynamic Grid
Remove buttonYes - removes from Dynamic Grid
Spotlight buttonYes - spotlights participant
Options flyoutYes - full options available

This behavior matches the Dynamic Scene, enabling quick participant management.

Use Cases

Custom Background with Auto-Arranging Participants

  1. Create a Pro Scene with branded background
  2. Add overlay graphics, logos
  3. Add Dynamic Grid layer
  4. Position grid where participants should appear
  5. Participants auto-arrange within that area

Picture-in-Picture with Grid

  1. Add a main speaker as individual layer
  2. Add Dynamic Grid for secondary participants
  3. Position and size the grid as needed
  4. Grid shows remaining participants

Combining Manual and Dynamic Layouts

  1. Add specific participants as individual layers (precise control)
  2. Add Dynamic Grid for remaining participants
  3. The Dynamic Grid automatically excludes participants already added as layers

Troubleshooting

Can’t add Dynamic Grid?

  • Ensure you’re in a Pro Scene, not the Dynamic Scene
  • Check if scene already has a Dynamic Grid (only one allowed)
  • Look for error message

Add/Remove buttons not showing?

  • Verify a Dynamic Grid exists in the current scene
  • Make sure you’re in the correct scene
  • Check that you’re hovering over participant thumbnail

Participants not appearing in grid?

  • Check if they’re already added as individual Pro layers
  • Verify they’re connected to the session
  • Ensure you clicked Add in Fast Access Bar

Grid layout looks wrong?

  • Try switching between Fit and Fill modes
  • Adjust alignment settings
  • Resize the grid layer
  • Check participant count

Participants duplicated?

  • A participant can only appear once per scene
  • If added as Pro layer, they won’t appear in Dynamic Grid
  • The grid automatically excludes duplicates