Skip to main content
Best Answer

More CSS Games - Hiding the shareable link icon via CSS

  • September 17, 2021
  • 6 replies
  • 241 views

dklinger
Hero III
Forum|alt.badge.img+8

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.

Best answer by nick.tosto

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

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

 

View original
Did this post help you find an answer to your question?

6 replies

Forum|alt.badge.img+2
  • Docebian
  • 68 replies
  • Answer
  • September 17, 2021

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

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

 


Davefox
Helper III
Forum|alt.badge.img+2
  • Helper III
  • 185 replies
  • September 17, 2024

PERFECT SOLUTION!!!! THERE WAS MUCH REJOICING!


Courtney.harvey
Influencer II
Forum|alt.badge.img+1
nick.tosto wrote:

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

#doc-layout-action-buttons button[aria-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:

 


jen.russo
  • Newcomer
  • 4 replies
  • December 5, 2024

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

 


Forum|alt.badge.img
jen.russo wrote:

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;
}

 


jen.russo
  • Newcomer
  • 4 replies
  • December 13, 2024

Amazing, thank you ​@rozemarijnsanberg!


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings