Introduction to Drag-and-Drop interactions

Open a blank project.

Add a Blank Slide from the Slides menu in the toolbar.

Add the images of the monuments and countries from the zip file given, to the slide. Check the picture below.

From the Insert menu, launch the Drag and Drop Interaction wizard.

In the first step of the wizard, set the monuments as the drag sources. To select the monuments simultaneously, press CTRL and click them. Click Next.

In the second step of the wizard, set the countries as the drop targets. To select the countries simultaneously, press CTRL and click them. Click Next.

In the third step, map the monuments with their respective countries. Drag the handle at the center of the drag source and drop it on the respective drop target. Click Finish to close out the wizard.

During the last step of the wizard, two text captions appear on the stage-Type success text here, and Type failure text here. Now, click into these captions to edit the feedback messages which the user gets on either passing or failing the assessment. You can also customize the properties of the text, such as color, size, alignment, and font style.

A Submit button also appears on the slide in the last step of the wizard. So, the user has to click Submit to complete the task given to them.

You can give more than one attempt to the user. Go to Properties Inspector, Drag and Drop tab, Actions section, and change the No.of Attempts to 3.

When you choose this option, you can also reset the interaction done by the user before the next attempt. In the same Actions Section, select Reset All under Reset.

You can alternatively let the users work their way through in a more interactive way instead of them submit the answers.

1. Select the drop target. Go to the Properties Inspector, Drag and Drop tab, Format  section, and click the Objects Actions button. 
2. The Accepted Drag Sources dialog box opens.
3. Deselect Accept All, set the number of attempts by editing Count. Now check the acceptable drag source for the chosen drop target. Similarly set the acceptable drag sources for the other drop targets.

To see the drag-and-drop interaction in action, click Preview.

Open a responsive project.

Insert two vertical Fluid Boxes from the toolbar. 

Insert three horizontal Fluid Boxes in the top row and in the bottom row. 

As in the previous section, add the images of monuments and countries from the zip file given, to the slide.

Adjust the Fluid Boxes to fit them around the individual images.

Move the Preview Slider across to see how the images appear on different form factors. For example, the below image shows how they appear on an iPad.

Launch the Drag and Drop Interaction wizard. 

Set the drag sources, drop targets, and map them like in the previous section. Also edit the success and failure feedback text captions.

Preview the project.

Open a blank project.

Add a Blank Slide from the Slides menu in the toolbar.

Add the images of fruits and vegetables from the zip file given, to the slide.

Launch the Drag and Drop interaction wizard.

In the first step, set all the fruits and vegetable items as drag sources. While doing it, classify them into separate groups using Types. You can accomplish this task in two phases as follows:

1. Select all the fruit items simultaneously. To name this group as Fruits, click the + symbol against the Add To Type option on the wizard toolbar.
2. Similarly, select all the individual vegetable items simultaneously and create a Type named Vegetables.

Click Next.

Select the baskets as the drop targets. Click Next.

Drag the handle at the center of one of the fruit items and point it to the Fruits basket. While dragging the item, all the other fruit items also automatically point to the Fruits basket. Similarly, when you map a vegetable item to the Veggies basket, all the other vegetable items also map to the basket. Click Finish.

Set the success and failure messages. Also, add a text caption and name it as You can have 3 attempts

You can give more than one attempt to the user. Go to Properties Inspector, Drag and Drop tab, Actions section, and change the No.of Attempts to 3.

When you choose this option, you can also reset the interaction done by the user before the next attempt. In the same Actions Section, select Reset All under Reset.

To see the Interaction in action, Click Preview.

Open a blank project.

Name the title as Start the Quiz. 

Also, add a button which has the start symbol, from the Shapes menu in the toolbar, to the slide. Go to the Properties Inspector, Properties tab, Actions section and set On Success as Go to the next slide.

To create a simple drag-and-drop interaction, follow the steps 3-8 in the section: Create your first drag-and-drop interaction

Select the drag-and-drop slide in the Filmstrip. Go to the Properties Inspector, Drag and Drop tab, Actions section, and under Reporting, check Insert in Quiz. You can see that Add to Total is checked automatically once Insert in Quiz is checked.

You can also collect the answers given by the user in a session, and send them to an LMS to publish it in a report. For this option, Under Reporting,  check Report Answers.

To show the score to the users after they submit the answers:

1. Go to the Quiz menu on the menu bar and choose Quiz Preferences.
2. The Quiz Preferences dialog box opens. In the dialog box, in the Categories pane, under Quiz, select Settings.
3. Check Show Score at the End of the Quiz. A Quiz Results slide will be added after the drag-and-drop interaction slide.

Remove the feedback text captions from the drag-and-drop slide.

To see the quiz in action, preview the project.