Arrange the items project
May 26, 2020
Arrange the items project
May 26, 2020
Pooja is the Founder and CEO of Digital Learning Nook, a boutique GenAI-first eLearning and instructional design studio, with a track record of creating award-winning eLearning courses. An expert in the field, she has authored books and video courses on eLearning tools and technologies. Her experience includes building the digital learning function at Icertis Academy and key roles as a Principal eLearning Evangelist at Adobe. With certifications in CPTD and SHRM-SCP, Pooja holds a master's degree in Education and Economics and a doctorate in Educational Technology. She was recognized as a Guild Master by The Learning Guild for her outstanding contributions to the eLearning community.
Legend 227 posts
Followers: 32 people

In this drag and drop interaction, you will need to pick items from the table and arrange them on three different shelves. These items will appear on the table one by one in a random order.

What is that example intending to do? When should the user use such a theme?

In this example, you will see the use of many-to-many drag and drop interaction with the ability to randomly show 36 different draggables. This happens with the help of JavaScript execution on slide enter and on dropping the items to any of the shelves.

All Comments
Sort by:  Most Recent
2021-02-18 15:48:06

This is a neat project. I placed the widest objects to see if there was a width limit and found that once I filled the row, they stack on top of other objects instead of continuing out the line.

It is impossible to do this task incorrectly. Additional items cannot be added to a full row.

Thanks for sharing Pooja!

Like
(1)
2020-11-05 20:02:40

I liked this project. It can be used for many different objects / lessons.

Like
(5)
2020-06-24 13:51:04

Oh thank you, I can’t wait to try this one out!

Like
(8)
2020-06-24 13:53:36

Let me know how it goes 🙂

Like
(2)
2020-06-09 11:44:29

thank you ma’am

Like
(8)
2020-05-26 20:07:54

Thank you for posting this project.

Like
(7)