Skip to main content
Best Answer

Changing colors of chart in Activity Overview with CSS

  • May 28, 2021
  • 3 replies
  • 401 views

Forum|alt.badge.img+2

Hi all,

Has anyone had success changing the colors in the donut chart of the Activity Overview widget? I’ve been trying to change via CSS but have not been successful. Any help is appreciated!

 

Best answer by Adam Ballhaussen

Hey @randallsim, as @nick.tosto shared, it’s not currently possible to edit the colors of this donut chart in the Activity Overview in Docebo Learn.

 

Don’t worry though, I do have some good news! While you can’t change the colors in this chart, you can change the colors of the My Activities chart. The even better news? You can find the code used to do so in the following post. Have fun changing the colors of those donuts! 🍩 

 

 

3 replies

Forum|alt.badge.img+3
  • Docebian
  • 73 replies
  • May 28, 2021

I’ve tried several times to do this but have never been successful. Looking at the code, it appears that the chart is iframed into the widget, which means that we can’t see the HTML of the chart and any CSS we add wouldn’t be able to apply to that area. 

I would love to know if someone else had had success with this though!


Adam Ballhaussen
Guide III
Forum|alt.badge.img+7
  • Guide III
  • 762 replies
  • Answer
  • September 21, 2021

Hey @randallsim, as @nick.tosto shared, it’s not currently possible to edit the colors of this donut chart in the Activity Overview in Docebo Learn.

 

Don’t worry though, I do have some good news! While you can’t change the colors in this chart, you can change the colors of the My Activities chart. The even better news? You can find the code used to do so in the following post. Have fun changing the colors of those donuts! 🍩 

 

 


Forum|alt.badge.img+2
  • Author
  • Influencer II
  • 44 replies
  • September 22, 2021

Thanks, Adam. I had already figured the My Activities chart out but it does make a huge difference. I recommend it to anyone interested. Please let us know if it becomes possible to edit the colors of the donut chart in the Activity Overview.