Lounge

I don't have admin access on the site but I'm pretty sure it's Collapsed Topics:
https://moodle.org/plugins/format_topcoll

I've used CSS on the course page to make changes to the look and colours.

- same principle as before, add a label with a <style> tag  - this time at the top of the content page (in section-0) so that the style definitions take effect *before* the elements are attached to the DOM.

For example, to remove the default curved corners:

<style>/* remove curved corners on collapsed topic format */
.course-content ul.ctopics li.section .content .toggle,
.course-content ul.ctopics li.section .content.sectionhidden {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0 !important;
}</style>

Hi Jerome,

your animation is amazing, especially because of all in CSS and without plugins!
I think we might use it in our courses to show progression to our participants.

A question for you however: I saw that in Moodle 2.8 the animation works perfectly (I am using Adaptable as theme).
But we will migrate soon to Moodle 3.0 and in the testing phase the animation looks like not working.

Any idea why?

(screenshot below)

Thanks!

Hi Jerome,

I adapted your previous work for Pioneer and Flexibase themes and did it in such a way so its using the database record of completion and that will recognise all completions not just the self-ticked ones.

Also adapted it for a radial display of course grades.

That enabled Chris (Pioneer) and myself to add your ideas into the theme header, rather than as a block.

Thanks for the great work!

Richard

Hi Jermone,

thanks a lot for updating the code and the checkings. I think we had problems because we use only automatic criteria for the completion of resources, therefore the old code was giving problems.

I tested the new code on Moodle 2.8+ and it works perfectly!