Creating a Jigsaw Puzzle using a Practice Drag and Drop Question

Steps on how to create a Jigsaw Puzzle in Claro using a Practice Drag and Drop Question with no feedback so the users can freely drag the pieces to the drop target.

Laura Bertrand

2022-09-14

7583

Product: dominKnow | ONE | Version: 7.4
Applies to: Claro | Edition: Solo, Team, Business, Enterprise

Show Me Try Me Guide Practice Me Test Me

1

Select Question.

Click the continue button:
2

Select Custom.

Click the continue button:
3

Select Drag and Drop.

Click the continue button:
4

Select the Blank Drag and Drop option (12_Drag and Drop).

Click the continue button:
5

Select As Practice Question.

Click the continue button:
6

Select the page to modify the layout.

Click the continue button:
7

Select Insert.

Click the continue button:
8

Select Drop Target.

Click the continue button:
9

Select where on the Page to add the Drop Target.

Click the continue button:
10

Select Options.

Click the continue button:
11

Style the drop target. Select the last option under Color. This will remove the default fill color.

Click the continue button:
12

Select Pick a Fill to use a custom color.

Click the continue button:
13

Select the Third option under the first row.

Click the continue button:
14

Resize the drop target so it is big enough to fit the full finished puzzle.

Click the continue button:
15

The Drop Target has been reized. Upload all the Jigsaw images to the media browser, and add them to the page. In this case, we created the pieces using Photoshop and imported each individual image (puzzle piece) into Claro then added each puzzle piece to the page. Each puzzle piece needs to be its own element.

Click the continue button:
16

Select Question.

Click the continue button:
17

Select Choices.

Click the continue button:
18

Select Add.

Click the continue button:
19

Select Match.

Click the continue button:
20

Select the dropdown beside Drag Item.

Click the continue button:
21

Select 1.

Click the continue button:
22

Select the dropdown beside Drop Target.

Click the continue button:
23

Select Drop Target.

Click the continue button:
24

Select Ok.

Click the continue button:
25

Select Add. Add Matches for all of the pieces.

Click the continue button:
26

Select Update.

Click the continue button:
27

Matches are added. Next, we are going to change some of the question settings to remove feedback and default question buttons. Select Disable Previous.

Click the continue button:
28

Select Disable Next.

Click the continue button:
29

Select Disable Submit.

Click the continue button:
30

Select Disable try again.

Click the continue button:
31

Preview the Current Page to see how the Jigsaw Puzzle will look and behave for your learners.

Click the continue button: