Skip to main content
A visual is built from layers. Open the Layer catalog with Add layer to pick one. The catalog groups the types in Basics, Media, Data and Advanced. This page lists every type and the settings that are its own. How to add and arrange layers is in Design your first visual.

​
Layer settings in the inspector

Select a layer and the inspector shows its settings in panes. Which panes and fields show depends on the layer type: Colors in Styles can link to a brand color.

​
Basic layers

  • Text - Text you type, with live data as chips. Typography sets the text style, or with Custom the font, weight, size, alignment and color. Fallback content shows when the live data is empty.
  • Shape - A Rectangle, Square or Circle with a fill and border.
  • Container - Groups layers. Use it to style or animate them together, or to clip an animation.
  • Stack - Groups layers in a row or column. Each layer takes its place in the stack, so the group adapts when a text grows.
Text and HTML layers can scroll as a ticker. Click Add ticker effect and set the Speed. The Output Player runs at 1080/25p, so check the preview for readability above a speed of 80%.

​
Media layers

  • Image media - An image from your Media Hub.
  • Video media - A video. Media Type is Selected Media from the Media Hub, Selected Raw Media, Link to Variable or URL. A URL plays an MP4 or WebM file, an HLS stream or a DASH stream. Video playout settings set Loop, Autoplay, Keep playing in background and Restart when visible.
  • Dynamic media - An image that follows live data or a URL, see Show a live image.
  • Scheduling media - The image of a program or its presenter from Scheduling. Pick the program under Selected Scheduling Program, from Current on air program to 5th Next program, and the Media Type.
  • Image slideshow - Rotates through images from files or a Media Hub folder. Set the Duration per image and Randomize Order.
  • Album cover and Artist cover - The art of the track on air or a next track, from your radio automation data.
Album cover, Artist cover, Scheduling media and Dynamic media take a fallback image for when the data has no image.

​
Data layers

  • Iterator - Repeats its layers for each item in a list, from an API data source and a Data Selector.
  • Playlist - Shows items one after the other. In Sublayers mode each item is a set of layers. In Data selector mode the items come from an API data source, the Media Hub or a data field. Set the Duration per item, at least 500 ms, and the Initial delay before every loop.
  • Snippet - A visual snippet, sized to the layer.

​
Advanced layers

  • Bodymovin - An After Effects animation, see Bodymovin / Lottie animation layer.
  • Svg and Html - Your own SVG or HTML code, edited in the Code Layer Editor. HTML layers can use live data. JavaScript in an HTML layer does not run. Use the visual’s code editor instead.
  • Visual - Another visual inside this one. Use it to reuse a part, like a logo bug. Edit visual opens it.

​
Base layers

Base layers sit in every visual of a station, like a station logo. They show in the layers panel under Base layers, with an eye to hide them while you design. Set them up in Output settings.