All Collections
Viz Flowics
Building Blocks
Using the Overlay Building Block
Using the Overlay Building Block
Updated over a week ago

The Overlay is the element which will always be automatically added on top when adding any other element (except Regions). It allows you to group all other elements such as Building Blocks, Data Providers, and/or Widgets into one, which can be triggered IN or OUT to display your graphics On-air.

The Overlay is the father of all elements (except Regions) and it allows you to control the visibility of all its child elements. You may identify an Overlay in the Tree as the one with IN and OUT control toggles.

You can add as many Overlays as you need in the same or different Regions BUT take into account you can only have one active/visible Overlay in the same region.

Overlays can only be added inside Regions, they cannot be added within another element.

To learn how to add elements to the Graphics Editor, click here‍.

As a good practice, we recommend naming your Overlay by double-clicking on it. By giving them names, you will be able to identify which graphics you are sending on-air.


Use the Inspector‍, right-sidebar, to customize the Overlay:

Position Size

Position: Change the Overlay position inside the Canvas according to the X and Y axis (in percentage relative to the configured screen resolution).

Size: Change the Overlay size inside the Canvas according to its width and height (in percentage relative to the configured screen resolution).

Background Style

Within the Inspector, you can modify the element backgrounds look and feel. It can be a solid color, a gradient, or an image.

Learn how to implement these properties specific to backgrounds by clicking here.


You can set transitions between overlays. When you have an overlay selected in the tree or canvas you can choose between all the different transition types we offer. You can set both entrance and exit transitions in milliseconds.

For more information about Transitions, please click here.


Tags are useful for identifying elements in your Graphics Package that you want to access later. For example, they can be used to create Output Profiles. For more information about Tags, click here.

Remote Control

In the Remote Control, use the IN or OUT toggle next to each Overlay to send On-air the graphics during the live operation.

Did this answer your question?