-
Improvement
-
Resolution: Fixed
-
Minor
-
3.3.1, 3.4.3, 3.5, 3.11.5, 3.11.6, 4.0, 5.0
-
MOODLE_311_STABLE, MOODLE_33_STABLE, MOODLE_34_STABLE, MOODLE_35_STABLE, MOODLE_400_STABLE, MOODLE_500_STABLE
-
MOODLE_500_STABLE
-
MDL-60910-master -
Initial setup
- Go to question bank and import the question questions-drag-drop-image.xml
Testing for Drag and Drop onto image
1. Login as admin > Go to any course > Go to the question bank
2. Create the new 'Drag and Drop onto image' question OR import the sample question questions-drag-drop-image.xml
3. Go to the editing page of the question created above
4. Observe the 'Drop zones' section
5. Verify the new setting option added
Expected: The new Drop zone visibility option be added to the editing page
- Label: Drop zone visibility - Help icon
- Type: Dropdown list - Value: Hide drop zones/Show drop zones
- Help text inside the Help icon: Setting 'Hide drop zones' will make them invisible when the question is attempted. However, drag items will still snap to nearby drop zones. This setting is recommended if you have images over an image background and the normal drop zone indicators are not desired. Drop zone borders will remain visible while editing to help with placement.
6. Verify the Drop zone visibility options apply for the Preview section:
-
- Show drop zones:* At default, the existing behaviour should display as usual without transparency.
- Hide drop zones:* All draggable items and defined drop zones will have an opacity of 0, meaning they’ll be fully transparent. However, the border of the draggable items will remain visible to show the position of the drop zones.
- Show drop zones:* At default, the existing behaviour should display as usual without transparency.
7. Clicking on 'Save changes and continue editing' OR 'Save changes' button
8. Go to the Preview question page
9. Verify the dropzone's behaviour depending on which value is selected for the 'Drop zone visibility'.- If the option is chosen as Show drop zones: At default, the existing behaviour should display as usual without transparency.
- If the option is chosen as Hide drop zones:
When hovering or dragging and dropping the item should be transparent (opacity of 0)
When dragged into the dropzone, the item should be transparent and the border of the background should be hidden
Initial setup Go to question bank and import the question questions-drag-drop-image.xml Testing for Drag and Drop onto image 1. Login as admin > Go to any course > Go to the question bank 2. Create the new 'Drag and Drop onto image' question OR import the sample question questions-drag-drop-image.xml 3. Go to the editing page of the question created above 4. Observe the 'Drop zones' section 5. Verify the new setting option added Expected: The new Drop zone visibility option be added to the editing page Label: Drop zone visibility - Help icon Type: Dropdown list - Value: Hide drop zones/Show drop zones Help text inside the Help icon: Setting 'Hide drop zones' will make them invisible when the question is attempted. However, drag items will still snap to nearby drop zones. This setting is recommended if you have images over an image background and the normal drop zone indicators are not desired. Drop zone borders will remain visible while editing to help with placement. 6. Verify the Drop zone visibility options apply for the Preview section: Show drop zones:* At default, the existing behaviour should display as usual without transparency. Hide drop zones:* All draggable items and defined drop zones will have an opacity of 0, meaning they’ll be fully transparent. However, the border of the draggable items will remain visible to show the position of the drop zones. 7. Clicking on 'Save changes and continue editing' OR 'Save changes' button 8. Go to the Preview question page 9. Verify the dropzone's behaviour depending on which value is selected for the 'Drop zone visibility'. If the option is chosen as Show drop zones : At default, the existing behaviour should display as usual without transparency. If the option is chosen as Hide drop zones: When hovering or dragging and dropping the item should be transparent (opacity of 0) When dragged into the dropzone, the item should be transparent and the border of the background should be hidden - Go to question bank and import the question questions-drag-drop-image.xml
-
Code verified against automated checks with warnings.Checked
MDL-60910using repository: https://github.com/danghieu1407/moodle
main (0 errors / 2 warnings) [branch: MDL-60910-master | CI Job]
Built on: Wed Feb 5 07:20:05 AM UTC 2025
Code verified against automated checks with warnings. Checked MDL-60910 using repository: https://github.com/danghieu1407/moodle main (0 errors / 2 warnings) [branch: MDL-60910-master | CI Job ] overview (0/0) , phplint (0/0) , phpcs (0/0) , js (0/0) , css (0/0) , phpdoc (0/0) , commit (0/0) , savepoint (0/0) , thirdparty (0/0) , externalbackup (0/2) , grunt (0/0) , shifter (0/0) , mustache (0/0) , gherkin (0/0) , Should these errors be fixed? Built on: Wed Feb 5 07:20:05 AM UTC 2025 -
Currently it's not possible to use transparent pictures in the drag and drop question type.
If you want to make students, for example, place countries on a map (which would be the background picture in this example) you won't see the background map anymore, since the drag image will have a white background itself, that covers boarders of the countries on the map.
So far this issue was only adressed in the forum (at least I couldn't find any relating to this in the tracker), see https://moodle.org/mod/forum/discuss.php?d=351943
