Best Answer

Course card status

  • 2 January 2024
  • 3 replies
  • 122 views
C
Rank
Userlevel 1

Hi I’m quite new to the Docebo platform and would to change the rectangle label colour on the course cards for the status of the courses. We currently have blue for not started, which changes to black for courses In Progress or Completed, but we would like to have this as the following:

Red - Not Started
Amber - In Progress
Green - Completed

Any help on this would be very much appreciated. Thanks

icon

Best answer by Stephen.Barton 2 January 2024, 12:33

View original

3 replies

Stephen.Barton
Rank
Userlevel 6
Badge +2

Hi @ChristineW 

I’m not sure if there is a way to change the colour of all 3. The closest I’ve got is to have the same colour for In progress and Completed and a different colour for Not Started. Someone may be able to improve upon this. 

 

/*Change label colours on course cards in Courses and Learning plans widgets*/

.ui-badge-status-success {

    background-color: red !important;

}

.ui-badge-status-neutral {

    background-color: green !important;

}

.ui-badge-status-light {

    background-color: aqua !important;

}

C
Rank
Userlevel 1

@Stephen.Barton thanks for your reply, this is really helpful, thanks I’ll try this.

Bfarkas
Rank
Userlevel 7
Badge +3

Can confirm @Stephen.Barton is right, there’s no way to distinguish the two apart from each other on current setup, it is unfortunate, but thats the best you can do in this scenario.

Reply


Terms & ConditionsCookie settings