Best Answer

CSS to hide completion status box in ILT player

  • 13 March 2024
  • 2 replies
  • 27 views

Userlevel 1
Badge

Can anyone share any CSS wizardry to hide the Completion Status box in the ILT player? It’s irrelevant in my situation.

 

 

icon

Best answer by nick.tosto 22 March 2024, 18:01

View original

2 replies

Userlevel 7
Badge +3

Looks pretty straight forward for this one thanks to the considerations in the setup of the new course player.

This should do it for you:

.lrn-widget-session-completion-status-open {
display: none;
}

 

Userlevel 6
Badge +1

Another nice feature of the new course player is that each course player page now has a unique class you can use to target specific courses. For instance, if you had a single course where the progress bar was irrelevant but you wanted to keep it for all other courses, you could add the following to Brian’s code snippet:

.lrn-course-player-XX .lrn-widget-session-completion-status-open {
display: none;
}

In the code above you would need to replace XX with the course’s ID. The ID can be seen in the URL in the course player. In this example: ntosto.docebosaas.com/learn/courses/42/open-enrollmentl/lessons, 42 is the course ID so I would use .lrn-course-player-42 in my snippet.

This would hide the completion status box only on this specific course.

Reply