Using the 0px Motion Path Trick #445: Challenge | Recap
Happy New Year, E-Learning Heroes
This week's challenge is a bit off the beaten path compared to what we usually do. Instead of div...
Published 9 months ago
Version 1.0
Blog Post
ReBonjour Heroes.
The second example I'd like to share is more complicated to describe in a few words. I invite you to take a look at the attached file.
Everybody knows that nobody ever uses Storyline's Order: drag &drop activity (I don't know the exact name in English, I have a French version) because it's not sufficiently modifiable to suit the specific graphic charter of each project. It's still ugly. :-)
So I offer my customers a fully functional Order: drag & drop activity, not limited to 10 proposals, starting from a normal drag & drop activity. The tip is: I use a 0pix length motion path to detect the position of the proposals in the drop zone, so I can validate whether the proposals are in the right order, or not, when I click on "Submit".
Take a look at the review: 1st slide with personal graphics, completely adaptable. 2nd slide without graphics to see what's going on behind the curtain. 3rd slide : the ugly one.
I'm probably not the first to do a DIY order activity, but this is my own solution.
I'll use it in my next project next week. Could this be useful for you?
https://360.articulate.com/review/content/72db152e-5f6e-47fb-bb50-bad006f596af/review
The second example I'd like to share is more complicated to describe in a few words. I invite you to take a look at the attached file.
Everybody knows that nobody ever uses Storyline's Order: drag &drop activity (I don't know the exact name in English, I have a French version) because it's not sufficiently modifiable to suit the specific graphic charter of each project. It's still ugly. :-)
So I offer my customers a fully functional Order: drag & drop activity, not limited to 10 proposals, starting from a normal drag & drop activity. The tip is: I use a 0pix length motion path to detect the position of the proposals in the drop zone, so I can validate whether the proposals are in the right order, or not, when I click on "Submit".
Take a look at the review: 1st slide with personal graphics, completely adaptable. 2nd slide without graphics to see what's going on behind the curtain. 3rd slide : the ugly one.
I'm probably not the first to do a DIY order activity, but this is my own solution.
I'll use it in my next project next week. Could this be useful for you?
https://360.articulate.com/review/content/72db152e-5f6e-47fb-bb50-bad006f596af/review
- Wow Thanks for sharing this! That's really cool! I never thought of using drag n drop this way :)
I think it's called matching drop down in english. - Thank you for sharing the files. I am definitely liking this 0px function - so many uses. And I'm always trying to think up new ways to do drag and drops - this sequence one is great. Thanks!
- This is really a very clever way to check if items were listed in order. Thanks for sharing!
- Great example!
