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

Rubric display layout issue, after students feedback is released

    XMLWordPrintable

Details

    • MOODLE_310_STABLE, MOODLE_311_STABLE, MOODLE_31_STABLE, MOODLE_34_STABLE, MOODLE_37_STABLE, MOODLE_39_STABLE, MOODLE_400_STABLE
    • MOODLE_310_STABLE, MOODLE_39_STABLE
    • MDL-56119-390
    • MDL-56119-311
    • MDL-56119-DEV
    • Hide
      1. Create an assignment with "Rubric" as the grading method on a course with at least one student
      2. Define new grading form from scratch for that assignment
      3. Set a name for the rubric, and define a criterion for the rubric with a long name, for example: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam non leo id varius. Integer et bibendum purus. Proin porttitor venenatis dignissim. Nullam ut arcu sed purus viverra gravida eu sed sem. Integer sed varius libero. Vestibulum suscipit vehicula eros, eget vehicula elit fringilla a. Sed id ipsum in urna placerat maximus porttitor eu mauris." and fill in the level fields too.
      4. Save rubric and make it available
      5. On View all submissions click on "Grade" to one student
      6. Click on the four arrow icon to expand the rubric
      7. Confirm the rubric fits to the window and there isn't any big whitespace on the right of the cells (you can compare it with rubric_beforepatch.png which displays the rubric without the patch):

       
       

      Show
      Create an assignment with "Rubric" as the grading method on a course with at least one student Define new grading form from scratch for that assignment Set a name for the rubric, and define a criterion for the rubric with a long name, for example: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam non leo id varius. Integer et bibendum purus. Proin porttitor venenatis dignissim. Nullam ut arcu sed purus viverra gravida eu sed sem. Integer sed varius libero. Vestibulum suscipit vehicula eros, eget vehicula elit fringilla a. Sed id ipsum in urna placerat maximus porttitor eu mauris." and fill in the level fields too. Save rubric and make it available On View all submissions click on "Grade" to one student Click on the four arrow icon to expand the rubric Confirm the rubric fits to the window and there isn't any big whitespace on the right of the cells (you can compare it with rubric_beforepatch.png which displays the rubric without the patch):    

    Description

      Relates to MDL-48261 - there are display issues with the two rubrics which display to students once their feedback is released. At this stage, the student sees the original 'Grading criteria' Rubric (top of page), and underneath that they see the same Rubric but this time including their levels achieved for each criterion (shaded bright green) along with any assessor comments for each criterion.

      The problem is one of scrolling. Firstly, students are not finding whatever is in the rightmost columns, such as assessor comments for each criteria, because they fail to notice the bottom horizontal scrollbars.

      On desktop / laptop view, there is plenty of space to play with - we found that for the 'Grading criteria' rubric, changing the Grade column so it was no longer 30% helped. There is no corresponding zone of the Feedback rubric though. We also set the #rubricrubric class (for the Grading criteria rubric) and the #rubricrubric0 class (for the feedback rubric) to have min-width to 100%. That got rid of the scrollbar and used the space available.

      The other issue is, do we need both rubrics on that page, or can we get by with just the feedback rubric? To put it another way, since the grading criteria display in the feedback rubric, do we need to show the grading criteria as a separate rubric at the top? (I can't see a reason why we show it twice).

      Many thanks.

      Attachments

        1. assignment rubric with scrollbar.png
          assignment rubric with scrollbar.png
          80 kB
        2. criteria_not_resized.png
          criteria_not_resized.png
          28 kB
        3. image-2020-12-23-14-14-15-259.png
          image-2020-12-23-14-14-15-259.png
          98 kB
        4. patch_desc_and_levels.png
          patch_desc_and_levels.png
          31 kB
        5. patch_desc_not_levels.png
          patch_desc_not_levels.png
          25 kB
        6. rubric_afterpatch.png
          rubric_afterpatch.png
          23 kB
        7. rubric_beforepatch.png
          rubric_beforepatch.png
          25 kB
        8. rubric_fix_fixed_full_page.PNG
          rubric_fix_fixed_full_page.PNG
          1.28 MB
        9. rubric_fix_unfixed_full_page.PNG
          rubric_fix_unfixed_full_page.PNG
          1.26 MB

        Issue Links

          Activity

            People

              izendegi Iñigo Zendegi
              miravogel Mira Vogel
              Sara Arjona (@sarjona) Sara Arjona (@sarjona)
              Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
              Janelle Barcega Janelle Barcega
              Votes:
              9 Vote for this issue
              Watchers:
              12 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                18/Jan/21

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 4 hours, 2 minutes
                  4h 2m