Skip to main content
Question

Catalog/Homepage badge statuses no longer distinguish Completed vs In Progress after update?

  • October 6, 2026
  • 1 reply
  • 12 views
Forum|alt.badge.img+1

Hi everyone,

We're updating a branded Docebo theme and noticed that course status badges appear to behave differently across various parts of the platform.

On My Courses, we can still style statuses independently:

  • Enrolled
  • In Progress
  • Completed

However, when inspecting Catalog, Search, and Homepage Available Courses cards, we found the badges appear to render as: ui-badge-status-success

for:

  • New
  • Enrolled

and ui-badge-status-neutral for:

  • In Progress
  • Completed

We inspected the rendered HTML and were unable to find status-specific identifiers such as:

  • ui-card-status-completed
  • ui-card-status-in_progress
  • data-status="completed"

on these card types.

Has anyone found a supported selector, attribute, or other method to distinguish Completed from In Progress on Catalog/Homepage course cards following recent UI updates?

Please also note that I am a lowly LMS admin, not a coder or developer. Most of this work was done using AI to help me out and my skills are limited and I might be missing something.  Any thoughts you have on this would be much appreciated. 

Thanks!

    1 reply

    lrnlab
    Hero III
    Forum|alt.badge.img+10
    • lrnlab
    • Hero III
    • October 6, 2026

    Hi ​@epeterson if you have CSS applied, it might be interfering with the defaults. Just checked the course catalog page on my instance and it shows the course statuses properly whether completed, enrolled or in progress. Since you have the identifiers, maybe run your CSS through AI to see if it can identify any offending code. Also note that is some cases, the order of the CSS code can cause conflicts with other CSS codes as well. If you cannot identify any offending code, you might want to log a ticket with support.

    Terms & ConditionsAccessibility statement