How to make a Single Toggle Button

tipofthemonth

(Mark Hunte) #1

I have noticed that many people struggle to work out how to make a toggle button that uses a single Timeline.

Many get tripped up by putting a Pause timeline at the beginning of the timeline when wanting to use reverse timeline.

The animations either don’t start, take two clicks to start or just repeat …

Here is an Example of how to do it simply and with only one Timeline.
Note I do not use start Timeline anywhere… especially in the Buttons Actions. This is another mistake that people fall into when trying to make a toggle like this.

singleToggleButtonAction.hypetemplate.zip (188.2 KB)


Changing button colors when clicked
Linking Buttons
Tips and Tricks of the Month
Persistent Symbol, can I click it twice?
How do I get 'else' to work?
Making a solid circle blink & Password controlled form
Suggestion: Tips & Tricks of the Month
Toggle animation Play / Pause
Drag on a single axis
#2

Thanks @MarkHunte – cool technique!

Adding your nice diagram to your post.


(Markus) #3

Hi There,

I’m really struggling with this - it seems like it should be simple but when I use the logic suggested on a different file it just doesn’t work.

Either the animation stops or jumps back to the beginning?

Here’s an example of what I’ve recreated based on the instructions? What am I doing wrong? Toggle-question.zip (16.3 KB)


(Hans-Gerd Claßen) #4

Hi,

you simply jump to the wrong time in timeline.
switch: 00:14.00 to 00:00.14 :slight_smile:


(Markus) #5

Groan… thanks for the quick reply!


How to create a menu to select which scenes will appear in a playlist loop
(Karl) #6

Thank you for this example. Works a treat.


(Ricky) #7

hey there , how if i want to make several toggle buttons? like this http://umd.edu

this is what i have made :bar.hype.zip (12.4 KB)

I hope when I click the orange bar one times and then click the green bar , the orange bar going to reset into its first state and viceversa .