Hi, I have a short animation that restarts every time the browser width is reduced and a new layout is triggered. I see that this can be resolved by converting this animation into a persistent symbol, meaning that the animation is essentially synced across all layouts. The animation will only eve…

If I understand you right then you can use a bit of JS to run on each layout load. To save you adding this manully to each layout scene you can add the code to the head file <script> lastScene = "" function layoutRequest(hypeDocument, element, event) { var theSymboles = hypeDocument.getSymbolInst…

Thanks Mark that’s great. I have a further question if that’s ok. This solution is great for certain scenarios and allows for playback over different layouts without the animation restarting. I do however have the requirement, to alter the layout, size and position of elements in places, which wi…

Not sure I am seeing what you mean. The demo you put up is not using the symbols. [image] tonywendice: triggers the animation to restart what animation is being triggered?

[image] Howto: Synchronize timelines across layouts Responsive Layouts If you wanted to synchronize timelines across layouts, you could use this code on layout load: var timelineNames = ["Main Timeline"]; for(var i = 0; i < timelineNames.length; i++) { var timelineNam…

I cannot use symbols here because I need to be able to edit the content for the different layouts. So this example just has content in the root timeline (no symbols). The problem is though is that the timeline starts off from new every time a new layout is triggered. I am just wanting to know if …

this seems to be exactly what i linked to above …

Precisely what I need. Thank you very much! David

Replaying Persistent Symbols

Symbols

h_classen (Hans-Gerd Claßen) February 4, 2019, 4:09pm 5

may help