Skip to main content

The add to calendar button doesn’t work for us. I was hiding it in the old player with this CSS:

#doc-layout-action-buttons saria-label="Calendar"] {display:none;}

But I can’t seem to figure out how to do the same thing on the new course player. Does anyone know the class/ID that controls this, and what the aria labels are for the new menu? 

I want to hide the calendar as well as mark as outdated.

 

Thank you in advance for your help!

Hmm. Give this a try, have not tested thoroughly, but seems to be what you are going for:

.dcb-ui-list-item-aside-provided:has([data-icon-name="calendar-note"]) {
display: none;
}

 

This one hides ‘add to playlist’

.dcb-ui-list-item-aside-provided:has(:data-icon-name="add-playlist"]) {
display: none;
}

 

This one hides ‘mark outdated’:

.dcb-ui-list-item-aside-provided:has(hdata-icon-name="flag"]) {
display: none;
}

 

Note, these are based on the icons being used with the idea there won’t be duplicates in the same menu. However, if the icons are changed by Docebo, this will break. I did not use the text being used to allow for translations and flexibility.

Hmm. Give this a try, have not tested thoroughly, but seems to be what you are going for:

.dcb-ui-list-item-aside-provided:has([data-icon-name="calendar-note"]) {
display: none;
}

 

Genius. It worked!

Just kidding. This worked yesterday, but when I logged in this morning it was no longer working. The Calendar icon was back. I’m doing some further testing to try to figure this out, but posting here just in case.

Just kidding. This worked yesterday, but when I logged in this morning it was no longer working. The Calendar icon was back. I’m doing some further testing to try to figure this out, but posting here just in case.

 

I did some testing and the playlist one still works, so it seems somehow the calendar name changed within the last 24 hours.

 

@Bfarkas how do you locate those names so I can take a look and keep testing?

Just checked and the name didn’t change and it still works.

Make sure you haven’t truncated anything, or that you don’t have duplicates in your list, or that your list of custom doesn’t have anything broken near it either. Easy way to test is to clear out the whole list, add just that piece back in and it should work as expected.

Hi @Bfarkas I’ll use the opportunity to ask that question here, I would like to hide Add Playlist from this view. Above codes are working on a view within channels. Thank you in advance for any suggestions 🙏🏻.

 

Hi @mslezak when you ask for help with things related to course views, can you please specify which course layout you are using, old or new, it makes a vast difference.

@Bfarkas apologies, this is an old course player. Thank you 🤦

 

@Bfarkas apologies, this is an old course player. Thank you 🤦

 

In that case the solve Nick provides in this thread should work: 

 

@Bfarkas, I am looking to hide the Add to Playlist and Mark as Outdated buttons from the course page (new course player), as well as the menu items on the drop down list. I tried the CSS above and thought it was working a few weeks back. It is no longer working. 

Will you provide an update? I am a new Docebo user and still figuring things out over here. 

Thank you very much. 

I was just messing with this on the new course player and this CSS snippet worked to hide the Add to Calendar option in the ellipsis menu:

dcb-course-header dcb-ui-list-item:has([svgname="calendar_add"]){
    display: none;
}

 

Hi! I have zero knowledge on CSS coding. Would someone take a screenshot on their CSS section of the page so i can see how these codes are copied and pasted?  THANK YOU! 

Reply


Terms & ConditionsCookie settings