Drag and drop items from a flyout panel
Jul 24, 2017
I am hoping someone can either help me or point me in the right direction to a tutorial to do the following
I am creating an interactive quiz....for one of the questions I want the have a panel that flies out when you click on a button - on the panel are a selection of objects that the leaner can pick from - the selected object has to be dragged and dropped to the correct drop target -they are then scored if they drop the correct object to the correct target
it is the flyout panel with the selectable drag items that I am having trouble with -I am sure I have seen an example of this done... but now cannot find it
I am struggling on first how to create the panel that flies in/out (I am guessing i have to use layers for this...) but if I do use layers how can I get an object from the selection panel layer to appear on the base layer to enable the learner tosubmit the answer to be scored?
7 Replies
Hi Patricia,
You're right - if you use a layer for your flyout panel it won't work. Instead, try using States. You could have the panel be hidden by default and when the user hovers over the area it appears (you can add animations to states). You would have to do the same for the objects: hidden by default and appear when the panel's state is equal to hover.
Hope that helps! :) Let me know if you have any problems implementing this.
Hi Allison
AHA! -I didnt think of using states!... OK I think I can implement that -well will give it a go anyway!! :)
Many thanks for the quick reply
Patricia
Hi Patricia
not sure if I understand but see if the attached will help. If not, upload your file it might be easier for people to help if they can see how you want it setup.
The first slide works on timeline starts, the second one on button click.
Hi Wendy
Thanks for the example.... this is nearly want I want to do!.. instead of the panel flying out automatically, I want the learner to click either a button or have the panel look like it is half hidden and they click to reveal the whole panel; with this and Allisons suggestion I think I can now work out what to do :)
Thanks
Patricia
The second slide is 'on click' - hope that works for you
Hey Wendy.... did you attach the example with a second slide? (I dont see it!)
Hi Patricia
see if this upload works - sorry I'm interstate working and on a slow connection and I got a message 'failed to upload' - perhaps when i uploaded again I used the wrong file - sorry
Let me know how you go
This discussion is closed. You can start a new discussion or contact Articulate Support.