CMS Version
4.4.2
Player Type
Windows Player
Issue
I want to make widgets appear delayed after each other. Example:
Title appears → 1s wait → subtitle appears → 1s wait → more info appears (While the other ones continue to be visible)
I understand that in old versions, this was possible using the timeline. However, the new timeline does not support DataSets. My data (information about which DJ is playing) is stored in a dataset.
How can I achieve this functionality? Do I need to work with the DataSet HTML Widget?
(Please move to the appropriate topic if this is the wrong place.)
Hi there
Since the new timeline handles datasets as whole units rather than individual fields, keeping everything inside a single DataSet widget and using CSS animation delays is definitely your best path forward.
In your main CMS menu, head over to Developer Tools, then Module Templates and click Add Module Template.
Give it an ID and a Title
Change the Data Type dropdown to DataSet, and leave Show In set to Layout Editor.
Once you hit save, Xibo will open up a template editor and bring back your custom HTML and CSS tabs. Inside the HTML tab, you’ll place your dataset tags onto their own separate lines or blocks so the system knows they are individual elements.
In the CSS tab, you’ll apply a standard fade in animation to those blocks. To get that step-by-step reveal, you just give each line a staggered animation delay for example 0 seconds for the DJ name, 1 second for the genre, and 2 seconds for the set time. You’ll just want to make sure the animation is set to hold its final state so the text stays on the screen.
Back in your Layout Designer, select your DataSet widget, and under its appearance settings, choose the custom template you just created.