Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-68471

Drag-drop onto image: Drop zones overlap with other section and do not have the correct size on the editing form

XMLWordPrintable

    • MOODLE_38_STABLE
    • Hide

      Noted: This patch needs to be tested on Moodle 3.8.

      Overlap issue

      1. Create a Course.
      2. Go to Question Bank.
      3. Create a Drag and Drop onto image question.
      4. Add background image for the question.
      5. Add Draggable item 1 with the following values:
        • Type: Draggable image.
        • Add an image for Draggable item 1.
      6. In Drop zone 1, fill with the following values:
        • Top and Left: Empty.
        • Draggable item: Choose the Draggable item 1.
      7. Verify that the Draggable item 1 will be added and located on the top-left corner of the background, not under the background image.
      8. Verify that the Draggable item 1 will not be overlapped with the Draggable items section.

      Size and Edge issue

      1. Create a Course.
      2. Go to the Question Bank.
      3. Import the attached question to Question Bank.
      4. Edit the imported Question (testquestion.moodle.xml)
      5. Verify that the Drop zones in the Editing form have the same size (width/height) as the Drop zones on the Preview page.
      6. Verify that you can drag the Drop zones to the right edge and bottom edge normally while editing. 
      7. Verify that you can drag the Drop zones normally while previewing. 
      Show
      Noted: This patch needs to be tested on Moodle 3.8. Overlap issue Create a Course. Go to Question Bank. Create a Drag and Drop onto image question. Add background image for the question. Add Draggable item 1 with the following values: Type: Draggable image. Add an image for Draggable item 1. In Drop zone 1, fill with the following values: Top and Left: Empty. Draggable item: Choose the Draggable item 1. Verify that the Draggable item 1 will be added and located on the top-left corner of the background, not under the background image. Verify that the Draggable item 1 will not be overlapped with the Draggable items section. Size and Edge issue Create a Course. Go to the Question Bank. Import the attached question to Question Bank. Edit the imported Question (testquestion.moodle.xml) Verify  that the Drop zones in the Editing form have the same size (width/height) as the Drop zones on the Preview page. Verify  that you can drag the Drop zones to the right edge and bottom edge normally while editing.  Verify  that you can drag the Drop zones normally while previewing. 

      1. create a quiz
      2. add a drag and drop onto image question 
      3. in the editor add background image
      4. add "Draggable items" (add image)
      5. in "drop zones" pick the added image in the select box
      6. scroll up to Background image 
      7. now we can see that the image is on the "Draggable items" setting

      Actual result: drag items have no padding, and overlap the following section of the form:

      Expected result: in previous version the image added within white space (pic 2)

        1. pic1.png
          pic1.png
          189 kB
        2. pic2.png
          pic2.png
          146 kB
        3. testquestion.moodle.xml
          51 kB

            huongn@moodle.com Huong Nguyen
            chenlevy Chen Levy
            Tim Hunt Tim Hunt
            Adrian Greeve Adrian Greeve
            Votes:
            3 Vote for this issue
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 7 hours, 10 minutes
                7h 10m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.