Student activity completion in Moodle 3.11

Re: Student activity completion in Moodle 3.11 demo site

by Helen Foster -
Number of replies: 2
Picture of Core developers Picture of Documentation writers Picture of Moodle HQ Picture of Particularly helpful Moodlers Picture of Plugin developers Picture of Testers Picture of Translators

Thanks Luca for your comments.

As I commented in MDL-71252, the checkboxes on the course page are easy for students to miss, especially when the page contains labels with text and images, activity descriptions, restrict access information etc.

I think a better solution for students to be able to see which activities they have completed and still need to complete would be a progress bar or similar. Hopefully this can be included in Moodle 4.0.

Average of ratings: Useful (2)
In reply to Helen Foster

Re: Student activity completion in Moodle 3.11 demo site

by Juan Ccahuana Giraud -
It is only confusing IF you put all that information in the course page (bad practice) instead of leaving it as description inside the activity (best practice). People don't usually take UX in mind when putting information in the course page, making it overwhelmingly difficult for students to distinguish activities and resources vs descriptions and instructions.

I hate that we don't have the option to display checkboxes. For me, that's a regression.
Average of ratings: Useful (3)
In reply to Juan Ccahuana Giraud

Re: Student activity completion in Moodle 3.11 demo site

by Augusto Villa -
Picture of Particularly helpful Moodlers
Hi team!
If the option to use the checkboxes is not available, I found a way to simulate it by CSS.
I leave you the code that you can use. Cheers

/*Activity Check By CUNIX . NET */
.badge .font-weight-normal{display:none;}

.badge.badge-success strong:before {
content: '\f00c';
color: #fff;
font-family: "Font Awesome 5 Free";
font-size: 15px;
position: relative;
}

.badge.badge-secondary strong:before {
content: '\f1ce';
color: #fff!important;
font-family: "Font Awesome 5 Free";
font-size: 15px;
position: relative;
}

.badge.badge-secondary{
font-size: 0;
border-radius: 50%;
width: 25px;
padding: 0;
height: 25px;
line-height: 25px;
text-align: center;
}

.badge.badge-success {
color: #fff;
background-color: #28a745;
font-size: 0;
border-radius: 50%;
width: 25px;
padding: 0;
height: 25px;
line-height: 25px;
text-align: center;
}
/*****END******/
Attachment checkcss.PNG
Average of ratings: Useful (2)