Execute serveral actions simultaneously

Diego Pau shared this question 6 years ago
Answered

Is there a way to execute serveral actions in parallel? In my case i need and action that hides several widgets at the same time, i can't find a way to do this, i would have to group all this widgets in a dinamic panel which is not convinient in my prototype.

Best Answer
photo

Just select the action, click on the 'gear' icon, and click 'add action after selected'. Create the action, and then go back to the Events palette. You can then choose to have the actions occur at the same time.

f3aa4496cb7f8aa0b44c81a48a826d24

Comments (35)

photo
1

You just need to add more actions to your event. Take a look at the end of this video tutorial http://www.justinmind.com/prototyper/...

photo
1

This is not what I am asking for. If you add several actions one action waits for the last action to finish before it is executed. So in my case if i add several actions each of them hiding widgets the widgets won't be hide at the same time but one widget will be hide and then the next one and so on..


I need actions to be executed SIMULTANEOUSLY, just wondered if it is possible.

photo
1

Even though they are executed in sequence that doesn't mean they are not executed simultaneously. In fact, if you want to see how they are executed in sequence you must insert 'pause' actions in between.

photo
1

I must not understand because this is not true. How do you make it so that multiple actions are executed so that visually it looks like one action?

photo
1

I'm afraid I don't understand your question very well. What do you mean by 'this is not true'?

photo
1

I know this is an old topic.


But what happens is that when the event is animated the executions are NOT simultaneous.


Look here:


http://screencast.com/t/ouo0ywYZDWe1


The very same behaviour, but with animation it is sequential and not simultaneous.


I would see this as a bug... =/

photo
1

Yes, this is exactly what i meant a year ago!

photo
1

Hey Diego, could you solve that?

photo
1

No, I think there is no way to do this in the current version.

photo
1

Ok, thanks!

photo
1

Hi, I'm trying to reproduce the delete feature iOS7 provide and I need to move my content and move inside the screen the delete red square at the same time, is this possible?

photo
1

You will find that same interaction in the iPhone mail example. Just select 'new prototype -> iPhone -> start from example -> iPhone mail' and take a look at the 'Mails' screen. In the row you'll find a swipe event that shows a delete button.

photo
1

I'm having the same issue and I'd like to take a look at the example Victor talks about, but every time I tap on the "Row_2" group in the Outline panel, the whole Justinmind application crashes.

photo
1

I think that the good folks at Justinmind completely misunderstood this request, so please allow me to clarify using a real-world example from my own prototype.


Desired outcome: A "read more"/"read less" toggle. Several lines of text — the beginning of a longer body of text — are followed by a link/button labeled "Read more...". When this item is clicked, an animation should reveal the remaining text, and the "Read more..." button becomes "Read less...".


Later, the use can click "Read less..." to reverse the effect.


To simulate this accurately enough for a client presentation, several animations need to take place at exactly the same time: begin together, run together, and end together.


In my case, a toolbar below the text needs to move downward to get out of the way of the expanding text above it, a box around the text needs to expand, and the "rich text" container needs to expand to reveal the full text.


I want all of this to happen at once. I don't want there to be three separate animations (move toolbar, expand border, expand text) in sequence, which is what I'm stuck with now. I want the toolbar to move exactly as the border expands exactly as the text expands, just as you might get with a jQuery effect.


Thanks!

photo
1

Hi, did you find an answer?

photo
1

I need to accomplish the same thing. So I'm adding to the voices here. Thanks!

photo
1

This is a major issue in Justinmind and is the main reason I've started looking into alternative apps.

photo
1

I also need this to happen is there no functionality for this?

photo
1

This issue is on our product's backlog for some time and currently it's on the top positions. So we will probably add this functionality in a soon future.

photo
1

It wouldn't help in Dave's example, but for a lot of others it would help if one could create an event for an entire group. For example: There is a search bar widget. It is comprised of a rounded rectangle and an editable box of rich text. I want to be able to click a magnifying glass, and have my entire widget, expand across the screen. I could render it much more cleanly and elegantly, and make my client better understand what I want, if I could apply an event to the entire search group. Instead the animations are choppy and disconnected. So, group events. Please.

photo
1

Sophey has a point. I would also like to be able to apply event interactions to groups – making several elements fade simultaneously, for example. I'm truly looking forward to see the previously discussed features implemented in one of your next releases.

photo
1

You can workaround this with a trick.


Here's what you have to do:


- Create two input fields, you can make them empty and invisible


- On button that triggers the animation make two events: 1) on click set focus on input1 2) on click set focus on input2


- On input fields make the events: 1) on focus show element1 2) on focus show element 2


The input fields works like handlers of events. You can chain events in advanced way this way using variables.


To toggle the simultanous animation you would have to use variable and conditinal expressions which will change the events in input fields.


If var1=0 show element1, else hide element 1.


If var2=0 show element2, else hide element 1.


It's simpler that it might look.


Here's the justinmind project that I created to show it.


https://www.dropbox.com/s/jx2cv4epng3...


Edit:


In new version of Justinmind, you don't have to use variables to toggle, you can check the visiblity of elements.


If element is visible - hide - else - show. Here's the .vp document.


https://www.dropbox.com/s/2g16d5zibb6...

photo
1

You could use dynamic panels which support events and animations targeted on them. They work similarly to groups, but better and more predictable.


After you resize the dynamic panel you can resize the rectangle to % of parent.

photo
1

Outstanding work, Maciej. I'll be borrowing this technique for my prototypes.


On the other hand, JustinMind could implement a new action that clicks another component, which would do a similar thing — allow a single event to trigger multiple cascading events.


Your technique will also allow me to put a sequence of actions on a "focus-triggerable" hidden/empty field so that I don't have to have the same event copied to a whole group of other elements. This gives us the ability to make our prototypes "DRY" (for "Don't Repeat Yourself", the programming practice of never repeating the same code, but reusing a single instance of the code), making maintenance much, much easier!


Thanks!

photo
1

what alternative to JustinMind have you found? I am running into too many obvious limitations like this. Why can't you have events run concurrently or have a different action when the button is clicked again, or have a button only work on the first click, etc.

photo
1

Incidentally, I have given your technique a name, I hope you don't mind: It's now the "Sawicki Indirection Technique," and I've just documented its use to create tooltips that only appear after the user hovers for at least 750ms over the trigger: https://www.justinmind.com/community...

photo
1

Dave, you made my day! :)))


Actually I didn't "invent" this technique directly, maybe I just made it more clear to use.


I found this workarount on this forum months ago on this thread


https://www.justinmind.com/community...


You should name it "Mogarick technique" then :)

photo
1

The "Mogarick Indirection Technique" it is, then, in honor of our peerless fellow user.

photo
1

Hooray! 6.6.0 has Simultaneous Actions!


8be733a9a73199a146d4fa9d0e81514e

photo
1

Yep, finally! :)

photo
1

Included since version 6.6

photo
1

Is it possible to switch two dynamic panels simultaneously? What I want to do is switch two different panels from the first panels to the second by clicking just one button. When I set the action to 'with previous' one of the panels won't switch.


Any ideas on this?

photo
1

Really nice feature, but unfortunately it does not work with any HTML-offline -viewer (like Protosee) on the iPad. There it runs one after another.


Furthermore bugs: all single tap actions are executed twice on an iPad. Really annoying bug!


Please fix.

photo
1

Hi sz,


Unfortunately we haven't done test with any HTML offiline viewer tool.


The official way of doing so would be using our Justinmind app. You will be able to visualize your prototypes offline once they have been downloaded.


Best,


Sonia Durán

photo
1

Just select the action, click on the 'gear' icon, and click 'add action after selected'. Create the action, and then go back to the Events palette. You can then choose to have the actions occur at the same time.

f3aa4496cb7f8aa0b44c81a48a826d24