Widgets allow you to add dynamic layers to your graphic templates. There are two types of widgets: Slideshow and Date/Time.

Slideshow

Slideshow allows you to create one graphic template that will automatically cycle through preset elements on your programming, so you don't have to manually click to advance. You can update the individual elements, or slides, at any time including on the fly.

When should you use slideshow?

Here are some ideas of where it's a great fit: if you're looking to use a lower third graphic on your programming, that automatically cycles through different headlines or titles. Or if you want to do an always-on, automated tombstone that flips through facts or stats. Another great option is if you want to have a sidebar that constantly cycles through content. Slideshow is a great way to create dynamic content, that is hands-off during live production!

Building your Slideshow

To get started, build your graphic template the same way you would build any other template. You can use text, image, or shape layers in a Slideshow. Once you've built your graphic template, insert a slideshow layer into your graphic template.

Next, decide which layers you want to be part of the automated slideshow. These are the slides that you will be able to automatically animate in your graphic. Drag and drop those layers to fall in the slideshow group.

In the example above, you would be able to add new "slides" to automatically cycle through new text & logo options together. The backplate and "Tagboard Facts" title are not part of the slideshow group, and would not animate or change while the graphic is live.

Click on the Slideshow layer to open customization options for the specific slideshow, in the right rail.

Cycle Time

This controls how quickly the slides will automatically rotate through while the graphic is live. By default this is set to 5000ms, or 5 seconds.

Progress Visual

You have the option to activate a progression indicator, so viewers know how many pieces of content there are in your slideshow. You can choose a "Stories" style, which mimics the experience often seen on social media stories, or a "Slide Progress Bar" which is a single, loading-style bar.

Both options allow you to customize size, placement, and color.

Producing your Slideshow

Now that you've built your template, it's time to add the slides or elements you want to automatically cycle through. You'll do this in Tagboard Producer.

Click on the Graphics tab in Producer, select +New Graphic, and choose your Graphic Template that includes your Slideshow.

In the customize graphic modal, you will be able to add additional slides and update any of the editable layers within each one. Each slide can be given its own name, to help keep your graphic organized.


If you need to update your Slideshow cycle speed, you can access those settings from right within Producer by clicking on the Slideshow layer on the left side of the modal.

When you have finished adding and customizing your slides, click save. The graphic will now appear in your Graphics tab for you to drag and drop onto your timeline. When you click to take the graphic live, it will automatically start your slideshow. When the slideshow reaches the final slide, it will loop to the beginning.

Tip: the elements in your slideshow will animate according to the animation settings you customized for each individual layer in your graphics.

Date/Time

The Date/Time allows you to add a dynamic layer to your graphics, that will automatically update with custom-formatted date and time elements.

To get started, insert a Date/Time widget into your graphic. Click on the layer in your graphic to open all of the individual customization options.

On the right side of your screen you can customize the size and placement, font and style, text shadow, and animation. The customization options are primarily the same as any other text layer in your graphic (you can find a full breakdown of each customization option here); the big difference with Date/Time is the option to customize the display format.

You can choose from 11 built-in display options in the dropdown menu, or check the 'custom format' box if you need something more specific.

You can see all of the options available in this formatting documentation. Select the 'unit' you want to use, and enter the 'pattern' in the Tagboard graphics builder. If you have additional questions on building a custom date or time format, reach out to your dedicated client success manager.

Once you're done with your graphic template, you're ready to go live!

Did this answer your question?