Applies to: Graphics Editor · Scenes · Regions · Overlays
Use the Elements Tree in the Graphics Editor to organize overlays within a region and change which region appears in front when graphics overlap. If an item returns to its previous position after you drag it, try expanding the region using the triangle beside its name before moving it again.
Before you start
Open your Graphics Package in the Graphics Editor.
Select the scene you want to edit in the Scenes Navigator.
Locate the Elements Tree in the left panel.
Regions are root-level elements of the Elements Tree and can only contain overlays. You can reorder regions among themselves and overlays within a region, but a region can't be placed inside another element. Make sure you select the region or overlay you intend to move.
Reorder overlays inside a region
In the Elements Tree, find the region that contains the overlay.
Click the triangle to the left of the region name to expand it.
Drag the overlay above or below another overlay within the same region.
Release it in the desired position.
Check that the overlay remains in its new position under the same region.
Note: Only one overlay can be IN at a time within a region. Rearranging overlays inside that region does not let you display them simultaneously.
Reorder regions in a scene
In the Elements Tree, find the region you want to move.
Click the triangle beside its name to expand it.
Drag the region name above or below another region.
Release it in the desired position.
Check that the region remains in its new position.
Make sure you are dragging the region itself, rather than an overlay inside it.
Change which graphic appears on top
Regions higher in the Elements Tree appear in front of regions below them wherever their graphics overlap.
For example, to make an intro cover a logo:
Place the intro overlay and the logo overlay in separate regions.
Move the intro region above the logo region in the Elements Tree.
Preview both overlays to check that the intro appears in front where they overlap.
Separate regions allow both overlays to be IN at the same time. Their order in the tree determines which appears in front.
Apply the changes to your output
Click Publish in the Graphics Editor to publish the updated package.
Open the Remote Control or Rundown Control for the output you want to update.
When the Update button appears, click it to apply the published version.
Check the output to confirm the result. For overlapping graphics, trigger both overlays IN and verify that the intended region appears in front.
Still not working?
The item returns to its previous position:
Expand the region before trying again.
Check whether you are dragging a region or an overlay.
When reordering overlays within a region, keep them under that same region.
The wrong graphic appears on top:
Check the order of the regions, not just the overlays inside them.
Place the region that should appear in front above the other region.
The editor looks correct, but the output does not:
Confirm that you published the latest changes and applied the available update in the control interface.
Check that you are viewing the correct output.
If the issue continues, contact Support with the Graphics Editor URL, the affected scene, region, and overlay names, and a short screen recording showing the behavior. For output issues, include the Output URL as well.