Clickable Array - Number Line

Step-by-step instructions

Follow the below steps to create the above question in Problem-Attic.

1. Go to the Arrange tab and click Write New Problem.

2. In the editor, write a question that allows the student to interact with an image, then press Enter.

   

3. In the editor toolbar, click Image and upload an image or choose from Problem-Attic's library of stock images.

   

4. Click OK at the bottom of the dialog box.

5. In the editor, right-click the image and select Interactive Fields.

   

6. For Field Type, select Clickable Area Array. Click on +Drag To Position or drag the button onto your image to insert the array.

   

7. In the options to the left, make the following changes:

   • Set Appearance to Empty Area

   • Set Action to Point

   • Set Color to Blue

   • Uncheck the Multi-select box

   • Set Columns to 21

   • Set Rows to 1

8. Move the array so that the top-left corner is properly positioned. Then click the bottom-right corner and move it so that the array is the right size. Try to center the array fields on the numberline.

   

9. Set the answer by clicking on the correct clickable area in the array.

10. Click OK at the bottom of the dialog box.

11. In the editor, click Online Test Preview to see how the picture overlay-clickable area array question will look and behave in an online test. If you are satisfied, close the Preview, then click Save.