Sorting and Organizing Lists

Hi Walt! Thank you for sharing the .story file. Really cool setup. I am trying to build an activity where there are 43 cards to be sorted into 5 categories and the slides ahead display the results visually. 

Slide 1 - Visual Setup: 43 rectangles (with text on them) stacked behind one another and 5 rectangles representing the 5 categories. To keep this simple, I'll name the cards as card1, card2..and the categories as mostImportant, extremelyImportant, very important, somewhatImportant and notImportant. 

Submit button

Slide 1 - what's happening: Drag and drop activity is completed once learner submits activity using the button and jumps to the mostImportantDisplay slide. Also, there is a limit on how many cards go into each category (9 to be precise).

Slide 2 (mostImportantDisplay) - Visual Setup: 9 placeholder rectangles which each display the content of the cards sorted into this category. So card 4, card 6, card 15, card 22, card 26, card 33, card 40 and two blank rectangles because let's say only 7 were sorted into this category.

Slide 3 (extremelyImportantDisplay) and so on with the results' slides in Slide 4, Slide 5 and Slide 6.

Can this be done using Storyline and Javascript? Maybe recording all the drop events using Javascript and setting up a trigger for the submit button. Also then pushing objects into arrays and then accessing each of the arrays individually and assigning them to storyline variables. And then changing the states of the rectangles on the results' slide to match the values held by the storyline variables. Would really appreciate any help or direction with this one.

Thanks,

Vishakha Hegde