Drag n drop triggers/variables - not understanding very well?

Nov 26, 2012

I am attaching the sample that I am trying to create. The original has sensitive information that I unfortunately can't show here. In the original there are 5 times. This should not be relevant I think? Any help will be once again greatly appreciated !!!!!!!

I have 2 buttons and I really need them to behave like this:

Reset:

  1. Change state from disabled to visible/enabled once DnD is complete. Don't know how to enable this at all.
  2. Reset the interaction when the user clicks the button. I did this, but not sure whether it is the best way?

Submit:

  1. Change state from disabled to visible/enabled once DnD is complete. Don't know how to enable this at all.
  2. This part is tricky because I want to correct placed 'dragged items' highlighted in green and the learner will click another button to see the correct placement. (Does this make sense?)
  3. Show the correct feedback when 100% dragged correctly and show the green highlighted items once submit is clicked.
18 Replies
Jeanette Brooks

Hey Karen,

To make the Reset and Submit buttons available once the learner has placed the drag items on a target, here's what I did:

  1. Created a custom state called "Dropped" for each of the drag items. 
  2. Created a trigger for each drag item which changes the shape's state to "Dropped" when the user drops it on ANY of the three drop targets.
  3. Created a trigger on the Reset button which changes the button's state to Normal when the state of all 3 drag items is "Dropped."
  4. Created the same trigger on the Submit button.

A tweaked file is attached, and here's a screencast walk-thru:  https://jeanette.viewscreencasts.com/1bfd5561a08694c373dafe2bddac7faa

Regarding the feedback - I'm having a hard time envisioning what you want to do with that. Can you more about exactly what you want to have happen when the learner clicks Submit? What specifically do you want the learner to see?

Kai ...

Jeanette Brooks said:

Hey Karen,

To make the Reset and Submit buttons available once the learner has placed the drag items on a target, here's what I did:

  1. Created a custom state called "Dropped" for each of the drag items. 
  2. Created a trigger for each drag item which changes the shape's state to "Dropped" when the user drops it on ANY of the three drop targets.
  3. Created a trigger on the Reset button which changes the button's state to Normal when the state of all 3 drag items is "Dropped."
  4. Created the same trigger on the Submit button.

A tweaked file is attached, and here's a screencast walk-thru:  https://jeanette.viewscreencasts.com/1bfd5561a08694c373dafe2bddac7faa

 

Regarding the feedback - I'm having a hard time envisioning what you want to do with that. Can you more about exactly what you want to have happen when the learner clicks Submit? What specifically do you want the learner to see?


Oh Dear Jeanette, you are a lifesaver and I can give you a huge hug right now. I almost lost faith in the community thinking my post will not get answered. I will have a look at let you know whether I get it.

((((( )))))))   

Kai ...

Just had a look. Awesome!!!!!!!!!!!!!! Hmmm...I really didn't think of that at all. What a different perspective and take on it. I have been crossed eyed the whole day and so frustrated. 

Good question about the feedback.

 In the original flash design the user would click submit and the correct dropped objects would be highlighted( green). The user would click another btn to continue and it will show the correct order of the draggable items and they will therefore all be highlighted in green. Does that make sense? As mentioned i can't post it here due to sensitive information.

I therefore have the individual layers for correct and incorrect feedback whereby it will show:

Incorrect: show the user's incorrect interaction (of course highlighting the correct dropped positions in green) and show the correct position once the click the continue button. My goodness, I designed this for my developer a while back, no wonder he took so long, but it was done in flash so it was all coding. 

Kai ...

In addition to the above question(s):

Now that I have created my individual slides for the different feedback, how do I place the trigger on the submit button to go based on the interaction results? Keep in mind; I am not using the DnD feedback at all, so the question I am also asking is, what is the point to have a trigger on the submit button to submit interaction? I guess it is to determine whether it is correct or incorrect, right? From there, what do I do?

Kai ...

Phewwww!!!! I managed to fix 4 of my 5 questions and the one above. However, correct and incorrect slides and triggers are spot on, but somehow it only shows the incorrect feedback slide. 12 hrs of this....I am cross-eyed. 

First of all; it worked on my design slide. I replicated it here. When I went back to retest the design slide for both incorrect and correct, it behaved the same way as this...how oddd???? Is there a glitch I ma not aware of perhaps or did I miss something?

I really hope someone will have a solution when I wake up in the morning.... PLEASE!!!!!!!!!!!

Jeanette Brooks

What you're looking to do is pretty far outside the default behavior, so it does require a considerable amount of manual work with triggers and whatnot. However, it can definitely be done. Take a look at this screencast:

https://jeanette.viewscreencasts.com/551412dddd0e7cbf082d53432df443f5

And a new version of the file's attached.

Kai ...

Jeanette Brooks said:

What you're looking to do is pretty far outside the default behavior, so it does require a considerable amount of manual work with triggers and whatnot. However, it can definitely be done. Take a look at this screencast:

https://jeanette.viewscreencasts.com/551412dddd0e7cbf082d53432df443f5

And a new version of the file's attached.


Have you had a chance to take a look at my example before I look at yours?  I was 99% there, b but it is a bit weird. Let me know and thanks!

Jeanette Brooks

No I haven't - I think we were posting at the exact same time. And actually I think the example I uploaded might've overwritten yours, since they had the exact same name. If you can rename your file and upload it again to a reply on this thread, I'm happy to take a look but it will probably be mid-day tomorrow before I can look at it. You might get a faster resolution by taking a look at the v3 sample I attached above.

Kai ...

Jeanette Brooks said:

No I haven't - I think we were posting at the exact same time. And actually I think the example I uploaded might've overwritten yours, since they had the exact same name. If you can rename your file and upload it again to a reply on this thread, I'm happy to take a look but it will probably be mid-day tomorrow before I can look at it. You might get a faster resolution by taking a look at the v3 sample I attached above.


HAHAHAHAHAHAH!!!!!

Jeanette Brooks

Hi Karen - here's a new version of that latest file you attached. Since Storyline has a built-in mechanism for branching, you don't need the manual triggers to branch the learner to your other slides. Instead, you can just use the question editor to delete the default feedback (so that no feedback layers appear) and apply branching to take care of displaying the appropriate slide after the learner submits their answer. Take a look at this screencast (this is a short one): https://jeanette.viewscreencasts.com/33829a303a11f89efc38a42a6a239723

File is below.

Jeanette Brooks

Hi Sinchu, that's true, in Karen's case the reset option will refresh the slide and allow the learner unlimited attempts.

In Storyline, if you use the Attempts dropdown in the question editor to allow multiple attempts on a drag-and-drop question, currently the drag items do not re-position themselves to their original locations when the learner clicks Try Again. That would make a great enhancement though! I'd recommend submitting a feature request for that if it's something you'd like to see in a future version.

Sinchu Raj

HI Jeanette , finally i got a solution for this, please look the file and confirm me.

this what i have done it to find the solution.

1.I have used freeform template to create the drag and drop.

2. called another trigger for tryagain button,just jump to same slide.

3.created a new  variable and give the value 0 initially, and made it as "1" when its come to tryagain layer.

4.in tryagain layer i called another two triggers .one is to hide the tryagain layer when variable is equal to 1 and another trigger show continue layer when variable is equal to 1.(these triggers should be before the variable is setting to one).its a timeline triggers

I have used 3 rd and 4 th step to  avoid unlimited attempt.

Jeanette Brooks

Hi Sinchu, really nice workaround! Thanks for sharing! 

The only difficulties I can anticipate would be the following, but these would ONLY be issues if you need to also include a result slide in your course: 

  • If your result slide contains a Review Quiz option, and if the user opts to click on it, the onscreen "Submit" button remains active during the quiz review. This might be a little odd if users happen to click on it during the review, because it'll produce an "Invalid Answer" message.
  • If your result slide contains a  Retry Quiz button, when the learner retries the quiz they'll only get one attempt at the question.
Sinchu Raj

HI Jeanette,

I have fixed the two issues,i really love playing with variables and triggers ))))))). i have used following steps to solve the issue

  • I have created one more variable to disable the submit button when user review the questions.
  • Reset the variable for resetting the attempts so user will always get the proper attempts.

Please see the attached file for your reference.

This discussion is closed. You can start a new discussion or contact Articulate Support.