Picture of Marie-Eve Levesque
Status of menu items
by Marie-Eve Levesque - Tuesday, 17 December 2019, 5:17 PM

Hi, I am wondering, is there a way with the CSS to change the background-color of the menu-item when the pagelevelprogress-indicator-inner is completed or incomplete? I would like to have that visual clue beside the progess bar.


Picture of Matt Leathes
Re: Status of menu items
by Matt Leathes - Tuesday, 17 December 2019, 5:55 PM

Hi Marie

(Unfortunately you don't state what version of Adapt you're using - so I'm going to assume it's v5. You should be able to do the same thing in v4 and earlier it's just the class names will be slightly different)

An is-complete class is added to the boxmenu-item div when that menu item is completed, you could use that to have a different background colour for completed items:

unfortunately doing the same thing for an incomplete (as in 'started but not completed') menu item isn't so easy because there's nothing in Adapt to handle this, there's is-visited but that's not quite the same thing. See this ticket.