Skip to main content

Hi folks,

So we are going to leverage some of the deeplink aspects of courses and I wanted to check if anyone has figured out how to hide this one via CSS.

Anyone figure out how to hide these?

That may sound counter-intuitive? But we have some concerns with the chain of custody with these links. Hiding them gives us the benefit of pushing with finess...and using the deeplinks in notifications from Docebo and aspects of the intranet our learning team will own.

@dklinger I believe this CSS code should hide the Share button:
 

#doc-layout-action-buttons buttontaria-label="Get shareable link"]{
display: none;
}

 


PERFECT SOLUTION!!!! THERE WAS MUCH REJOICING!


@dklinger I believe this CSS code should hide the Share button:
 

#doc-layout-action-buttons buttontaria-label="Get shareable link"]{
display: none;
}

 

@Bfarkas  Is there an update to this code for the New Course play to remove the Share button from the Course header? I would love to be able to remove the “Share” & “Add to Playlist” buttons on the ILT Enrollment page:

I would also like to remove share once you are enrolled from the ILT:

 


Following this thread - this CSS no longer works on the new course player 😣

 


Following this thread - this CSS no longer works on the new course player 😣

 

Hi ​@jen.russo in some other topics you can find snippets of codes, but share the ones we used here with you.

The first one removes the button boxes in the header. The 2nd one, we used to remove the three dots (more options) in the course player. The last one removes the Share link in the course player, works for courses, learning plans, and ILT sessions.

/* Hide Share, Add to Playlist & Mark as Outdated */
lrn-widget-content-overview-header.ng-star-inserted div.dcb-te-content-overview-header-action-buttons.ng-star-inserted {
display: none;
}

/* Hide More Options on Course Player */
div.dcb-course-header-actions button.dcb-course-header-more-options {
display: none;
}

/* Hide Share on Course Player */
div.dcb-course-header-actions button.dcb-course-header-share {
display: none;
}

 


Amazing, thank you ​@rozemarijnsanberg!


Reply