How to design click interaction and switch panels within Dynamic panel
I'm attaching a screenshot of a pop-up on a page for a web app
1. How is the dynamic panel to be defined - is it within the page layers, or a separate panel in masters? how do you connect the two..or call the pop-up from the page?
2. How does one switch between different states of a dynamic panel? - as you can see I have 5 radio buttons and I'm looking at interaction to click each radio to show consequent changes on popup i.e. its panels
So far, after paying for Justinmind license so I can use all features, it has been extremely disappointing. Dynamic Panels are a mystery I'm trying to solve for past 2 days. The video tutorials are completely useless, because they don't use context at all - no beginner steps whatsoever. I have to say XD is far better in handling this, only feature I have to come to Justinmind is cause of interactive form elements. Overall this prototype tool simply is not user friendly.. at the least make better tutorials available for easy grasp
Thank you for your feedback. We're currently working on our tutorials and Justinmind's user interface to make them easier to understand.
As for your questions:
Dynamic Panels are a widget just like Rectangles or Images - just drag and drop it to the Canvas to add it to your prototype. The difference between dynamic panels and other widgets is that dynamic panels can have multiple states. They're kind of like mini-canvases you can switch between to show different content in the same area on one screen.
When you first place a dynamic panel on the Canvas, you'll see a little menu appear above it. Click on the '+' button in that menu to add another state to the panel.
To switch between panels during simulation, you'll need to use a Set Active Panel event.
We created and attached an example like the one you described. Here's how it works:
1. We added four radio buttons and one dynamic panel with four sub-panels (states). You'll use the radio buttons to switch between the different states in the dynamic panel.
2. We created On Click + Set Active Panel events on each radio button and have them switch to the corresponding panel. For example, if you click on the radio button for option 1, you'll switch to Panel 1. If you click on the radio button for option 2, you'll switch to Panel 2, and so on.
Thank you for your feedback. We're currently working on our tutorials and Justinmind's user interface to make them easier to understand.
As for your questions:
Dynamic Panels are a widget just like Rectangles or Images - just drag and drop it to the Canvas to add it to your prototype. The difference between dynamic panels and other widgets is that dynamic panels can have multiple states. They're kind of like mini-canvases you can switch between to show different content in the same area on one screen.
When you first place a dynamic panel on the Canvas, you'll see a little menu appear above it. Click on the '+' button in that menu to add another state to the panel.
To switch between panels during simulation, you'll need to use a Set Active Panel event.
We created and attached an example like the one you described. Here's how it works:
1. We added four radio buttons and one dynamic panel with four sub-panels (states). You'll use the radio buttons to switch between the different states in the dynamic panel.
2. We created On Click + Set Active Panel events on each radio button and have them switch to the corresponding panel. For example, if you click on the radio button for option 1, you'll switch to Panel 1. If you click on the radio button for option 2, you'll switch to Panel 2, and so on.
Replies have been locked on this page!