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

Add sticky student name column in Quiz results table

    XMLWordPrintable

Details

    • MOODLE_403_STABLE
    • MOODLE_403_STABLE
    • Hide
      1. Create a quiz with 10 or more questions.
      2. Log in as a student, create and submit an attempt.
      3. Log in as another student, create an attempt and DO NOT submit it.
      4. Log in as another student and repeat step 3.
      5. Log in as a user with grading capability and navigate to the 'Results' tab.
      6. Scroll the report table sideways and the user name column will 'stick' to the left.
      7. Make sure each cell in the sticky column has a background color that is consistent with the rest of its row, including the hover state.
      8. Select the 'Responses' option at the top to go to the responses report.
      9. Repeat steps 6 and 7.

      The number of questions can be different, as long as it's enough to make the table scrollable.

      Steps 3 and 4 are used for testing against the table's odd/even CSS rules.

      Show
      Create a quiz with 10 or more questions. Log in as a student, create and submit an attempt. Log in as another student, create an attempt and DO NOT submit it. Log in as another student and repeat step 3. Log in as a user with grading capability and navigate to the 'Results' tab. Scroll the report table sideways and the user name column will 'stick' to the left. Make sure each cell in the sticky column has a background color that is consistent with the rest of its row, including the hover state. Select the 'Responses' option at the top to go to the responses report. Repeat steps 6 and 7. The number of questions can be different, as long as it's enough to make the table scrollable. Steps 3 and 4 are used for testing against the table's odd/even CSS rules.

    Description

      Add the ability to "stick" a column to the side while scrolling a table horizontally (not unlike the "Freeze panes" option in a spreadsheet).

      This is done by using the sticky CSS rule.

      By this rule, when more than one column is set as sticky, each one will push the previous one when reaching the edge.

      This is implemented in the quiz grades report tables, so the reviewer will be able to keep track of which attempt belongs to which student.

      Attachments

        Issue Links

          Activity

            People

              l.gil Lior Gil
              l.gil Lior Gil
              Meirza Meirza
              Ilya Tregubov Ilya Tregubov
              Kim Jared Lucas Kim Jared Lucas
              Votes:
              5 Vote for this issue
              Watchers:
              8 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:

                Time Tracking

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

                  Clockify

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