I am creating a widget with multiple sliders, and obviously don’t want to have to create 1 animation set for each slider. Thank you Symbols! I have also used js to spit out the value of the slider (based on width) to update the value of the slider:
As the javascript depends on a Unique ID, both sliders adjust the second text box, which is Not So Super.
Does anybody have advice on how to make multiple sliders without creating 1 animation set + Unique ID element for each widget?
Super extra credit: being able to enter text into the text box and have the slider adjust to that. I haven’t even begun to contemplate how that is done…
you may mention in the documentation that behaviours on elements within a symbol will only affect this current instance of the symbol. so for example a mouseover with behaviour to execute a timeline will only run the timeline of this symbolinstance. all other symbolinstances will not be affected. this happens in opposite to this general statement:
Because editing one instance of a symbol changes all instances, symbols are also useful for sharing identical elements across multiple scenes or at different positions in the same scene.
The description of API regarding symbols – however – clearly points out that symbolinstances can be animated separately
I think the key word there is editing as apposed to running the animation in an instance.
When you change/edit a behaviour or element
This applies
Because editing one instance of a symbol changes all instances, symbols are also useful for sharing identical elements across multiple scenes or at different positions in the same scene.
I’ve adapted Hans-Gerd’s so that you’re not limited to a very small slider to grab when you begin by applying the drag to a parenting group and reading the width of a child element:
