Skip to main content

Would love if you could add the ability to add a delay on button click to trigger an interaction.


Often we’ll have a message or an interaction that doesn’t appear until the completion of some API calls or processing in the background. Being able to add a delay on button click would give me the ability to get the feel for what a possible interaction / feature would actually look like in a prototype or wireframe.


Feels like a feature you might want on any interaction…software isn’t always fast 😉

Hey there! Thanks for the feedback and sharing your idea! Do not also forget to vote up your idea if you haven’t yet! We will gauge the overall interest in the community. 🙂

I second this.

I have interactions that are trigged on-click, but I want the visual of the click action (eg. an animated starburst effect) to be shown without having to use smart animate. I don’t want to slowly fade to the next screen, I just need to add a 1000ms delay before an instant change.

I would prefer if you could add a delay value to all triggers. Keep the animation options as is.

This feature is a no-brainer!


I’m currently making a prototype with buttons that incorporate a loader when clicked. If I could add a delay before an instant transition it would make things so much easier. Now I have to create an extra screen with the button in a loading state with a delay for each button. In this particular case, it would save me 3 screens since I have three buttons with loaders.

Same here, this is much needed feature.


I found a workaround that works pretty well and may help someone:



  1. Create new object(doesn’t matter what kind of object, it may be shape, text etc)

  2. Add to that element action which you want to be executed on delay(via delay trigger).

  3. Turn down object’s opacity down to 0%(so the element is never visible, as we only need its presence). You can also move it out of the frame, so it never shows up as a hotspot.

  4. Create boolean variable and tie it to the object’s visibility and default it to false.

  5. Add “on click” trigger to the object you want to trigger the delayed action with and add “Set variable” action changing previously created boolean to “true”.

  6. Done.


It works because actions are paused for hidden objects, but as soon as they are visible again, their actions are working again(in this case on delay action).


Here is simple demo


Additionally you can add secondary action to the hidden object to set its boolean property to false to reset it. That way you can trigger it multiple times if needed. Just make sure that it’s placed under main action.

Reply


Terms & ConditionsCookie settings