Skip to main content
New Infosite Update:

The infosite has recently been refreshed. Some content may still be in the process of being migrated, so search results may be temporarily incomplete. Thank you for your patience.

Singapore Student Learning Space (SLS) Info-Site

(A2,6) Add Click and Drop Questions

Learn how to add and set up Click-and-Drop questions in the Module Editor, including uploading images, adding options, and editing question details.

Last updated 20 May 2026

(A2,6) Add Click-and-Drop Questions

Add Click-and-Drop Question

  1. In the Module Editor page, hover over Question in the Component Bar.

  2. Click Click-and-Drop.

  3. In the Question Body field, enter the question.

  4. Click Upload to upload a Base Image.

  5. Note: Click Crop tool to rotate or crop your image using the preset ratios or a freeform dimension of your choice.

  6. Click Set Option Size to choose from:

    • Use Base Image: Select the dimension on your base image. Click Done to confirm.

    • Custom Size: : Enter the dimension (width and height) of the option in pixels. Click the Done icon to confirm.

  7. Click Add Option to Add Text, Upload Image or Crop from Base Image. The options will follow the previously set option size.

    • Text: You may key in any text to be placed as an option (up to 250 characters and not exceeding the space available). Dimensions of the text option will be constrained based on the selected option size. Placing this option on the Base Image as a correct option is not compulsory.

    • Upload Image: You may upload any image. Dimensions of the image option will be constrained based on the selected option size. Placing this option on the Base Image as a correct option is not compulsory.

    • Crop from Base Image: Dimensions of the option image cropped from the base image will be based on the selected option size. If you have cropped an option from the Base Image, it will be placed on the Base Image. Deleting the option will result in a white blank on your base image.

    • Note: Click the Pencil icon to edit the option size and all existing options will be automatically resized to the new dimensions.

  8. Click the Overflow (3-dot icon) beside the option to:

  9. Place: To place an option on the Base Image. The option will follow your cursor. Click on the Base Image to place the option at that particular position. The option will automatically match the base image dimensions.

  10. Edit: To edit text (text option only).

  11. Crop: To crop image (image option only).

  12. Reposition: To edit the position of an option placed on the Base Image.

  13. Remove: To remove the option from the Base Image..

  14. Delete: To delete the option.

  15. Click outside the Component to Save.

Edit Click-and-Drop Question details

Fill in the optional details of the new Click-and-Drop question:

  • Recommended Time - You can set the recommended time for the student to complete the question.

  • Hint - This is displayed when students are attempting the question to provide them with a scaffold for solving the question.

  • Note: You can add up to 3 hints for each question. (NEW)

  • Feedback - The explanation to the entire question. This is shown to students after they have submitted all their answers to the question.

  • Number of tries - This allows the number of tries to be set. The default is one try.

  • Marks Per Option - You can set the number of marks per option. The default is one mark per option.

    • Note: Question Body, Hint, Option text, and Feedback fields support Rich Text-enabled components.

  • Click here for editing the Question Component Details card.

  • Click here for adding questions in a Quiz.

  • From Dec 2025 Update: You can continue to edit Click-and-Drop questions even after they have been assigned or attempted by students. This allows you to correct any errors found in the question. The last edited date and time will be displayed if the assignment or resource has been modified after a student’s attempt.