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 12 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!
