Have moodle devs considered changing the activity names to a vertical structure more akin to the activity completion to make viewing the gradebook more manageable? See attached.
Gradebook - appearance more akin to Activity Completion?
Number of replies: 5
While I adore Moodle, I often find the UI of the gradebook difficult to handle because of the "scroll of death left". The sidescroll is extensive, largely because the activity names are horizontal.
Have moodle devs considered changing the activity names to a vertical structure more akin to the activity completion to make viewing the gradebook more manageable? See attached.
Have moodle devs considered changing the activity names to a vertical structure more akin to the activity completion to make viewing the gradebook more manageable? See attached.
Re: Gradebook - appearance more akin to Activity Completion?
In the meantime, With a little css you can achieve that - I'll post the code when I get into work
Re: Gradebook - appearance more akin to Activity Completion?
That would be great! I just think it makes soooo much sense.
Re: Re: Gradebook - appearance more akin to Activity Completion?
Well I opened my big mouth way to soon. The gradebook (having several rows and headings before the grades) is much more complex than the activity completion report (which has only 1 row/heading before the checkboxes). I was able to get somewhat there but it all depends on how your gradebook is structured. So.... I'd suggest opening an Improvement Suggestion tracker (https://tracker.moodle.org/) so the professionals can weigh in with their thoughts.
Re: Re: Gradebook - appearance more akin to Activity Completion?
Garth, I hear you.
However, the problem might be that since the nature of this resource (i.e, the grade book "spreadsheet") one could ask is it better to scroll left, or down? If we flip the grade item titles 90 degrees, and the title is long, then I would have to scroll down to see all the students. So I am not sure which is better.
It is interesting that some years ago, Blackboard (or maybe it was D2L) had a decent solution. Each grade book item had both a regular name and a "short name." In the grade book, the short name was used. (From what I can tell, the current Canvas method is a bit strange because the width of each column has a lot of dead space, maybe 35%-45%. See below.)
So, this idea of each activity having both a short name and regular name might be an approach to fixing the grade book display problem. However, one more "field" of information would need to be entered, or an auto-abbreviation method employed. I sense that this concept would take some serious thinking about the best way to implement it. Of course, there would probably need to be another setting for the grade book "Display short name (Y)?"
A possible quick fix might be a grade book setting that says "Rotate titles 90 degrees (N)?"
Gradebook - appearance more akin to Activity Completion?
This is the closes I could get with some CSS:
skinny columns and rotation of the text:
.path-grade-report-grader .gradeitemheader a {max-width: 150px;}
.path-grade-report-grader .item.catlevel1.cell a, .path-grade-report-grader .item.catlevel2.cell a {white-space: pre-wrap; transform: rotate(270deg);}
or, skinny columns but no rotation of the text:
.path-grade-report-grader .gradeitemheader a {max-width: 150px;}
.path-grade-report-grader .item.catlevel1.cell a, .path-grade-report-grader .item.catlevel2.cell a {white-space: pre-wrap;}
This was done in my browser tools for my custom theme so it may not necessarily work in your theme, but wanted to share
skinny columns and rotation of the text:
.path-grade-report-grader .gradeitemheader a {max-width: 150px;}
.path-grade-report-grader .item.catlevel1.cell a, .path-grade-report-grader .item.catlevel2.cell a {white-space: pre-wrap; transform: rotate(270deg);}
or, skinny columns but no rotation of the text:
.path-grade-report-grader .gradeitemheader a {max-width: 150px;}
.path-grade-report-grader .item.catlevel1.cell a, .path-grade-report-grader .item.catlevel2.cell a {white-space: pre-wrap;}
This was done in my browser tools for my custom theme so it may not necessarily work in your theme, but wanted to share