How to hide "remove from my Team" option for Managers

@lrnlab , This is a great hack - but this left an interesting gap.

When a manager selects multiple “cards”, the Manager can see a choice to remove people from their team. You wouldn’t have happened to isolate that as well?

HI @dklinger good catch! Hadn't realized there was another option there...perhaps @Adam Ballhaussen can track down the code for us? 

Hey @dklinger, I’m happy to try and help here. Could you please share a screenshot that shows what area of the platform you’re referring to? I want to make sure I understand what functionality you’re hoping to hide.

@Adam Ballhaussen - No worries. Ya know? I think I got it.

Ok - so I used the inspector in my browser - put my “CSS” hat on and found that you can isolate this  element by doing the following:

@dklinger so awesome. Nice work figuring this one out on your own (with the help of @lrnlab’s initial guidance, of course) and thanks for posting the solution back here for others in the future!

hello all,

we have been using this to restrict managers from removing people from their team.  we are using a feed from Active DIrectory and don’t want managers to use this features.  Unfortunately, it looks like the latest release of Docebo doesn’t work with the above CSS code.  I have reached out with to Support and opened a ticket but I have not heard back yet. Does anyone of an update for this that would work? 

Good catch @jritter checked my sandbox and can see that option once again…

@Adam Ballhaussen can you assist with getting us the proper updated CSS to hide this option? Thank you.

Hi @jritter, I’m sorry you haven’t heard back from support. So you’re aware, we do not guarantee backwards compatibility of custom CSS, and our support team will not help customers directly with custom CSS changes. Here’s an excerpt from our Configuring the Branding Look and Feel of your Platform knowledge article:

Your customized CSS could be affected by new releases. In this case, any backward-compatibility with your code is not guaranteed.

I’m not much of a CSS guru myself, but I can do some digging internally to see if someone might be able to help out on this thread.

In the meantime I’m tapping in @gstager who seems to almost always have the answer when it comes to custom CSS. Greg, any chance you could help us out here?

@Adam Ballhaussen - thanks for the shout out. I can try to take a peek.

We’re still going thru onboarding and I only have a handful of accounts in the platform with no teams or managers setup yet at this point. As such - I am a little in the dark related to the request as I have not yet encountered it myself.

It may be a good excuse to start doing some testing in that area.

I will create a “dummy team” with a few test accounts and see if I can block myself from removing them.

A screenshot of the offending link would certainly help, though.

Stay tuned...

OK - here is my attempt to tackle this idea.

Give it a shot and see if it works for you.

I am not sure what the extent of that dropdown menu could be but my ‘Remove Team Member’ option was always the 4th option in the list.

I based this code off of that. I suppose if the option is a different one down in the list you could adjust the nth-child value accordingly.

As always - test other areas.

/** Team Member Card - Hide the Remove Team Member Option**/
.team-member-card__actions div.ui-button-dropdown-menu.ui-shadow-md ui-button-dropdown-option:nth-child(4){
    display: none;
}

@gstager to the rescue! yes that works. THANK YOU! Now we just need the same for the same option under the Chaos Action button (once you select more then 1 user); if you have some extra time 😁

Ahhh….

I was looking in the wrong spot. I never even saw that come up. I selected two and didn’t see the option… LOL

I will take another look.

@gstager you’re a legend! If you can share snippets for both sections in your next post, I’ll pin the post to the top of this thread to help others looking to accomplish this.

@lrnlab - looks like the original item you posted works for that.

/** Remove the link from CHOOSE ACTION button that appears with multiple selections **/
a.action-can_remove_relation {
    display: none !important;
}

OK - I will combine.

fantastic @gstager ! you got ‘em both. Thank you.

Thank you so very much!!  it worked!

just incase anyone needs the code to remove the option for managers to  “enroll in Courses”

/** Hide the Enroll in Courses option from cards **/
.team-member-card__actions div.ui-button-dropdown-menu.ui-shadow-md ui-button-dropdown-option:nth-child(2){
    display: none;
}

/** Hide the Enroll in Courses option from My Team option pop up **/
a.action-can_enroll_to_course {
  display: none !important;
}

Thanks as always @gstager!

To everyone else, as Greg mentioned, please check that this doesn’t have adverse effects on other areas of your platform, and be sure to accurately document this change. This will help you easily troubleshoot any issues should they arise due to a future release.

Many thanks 🙏

Thanks.  However, frankly disappointed that this isn’t a function provided by Docebo to turn off as a superadmin. User admin is provided by our HRIS and we certainly don’t want managers to be able to remove users from their Team. Seems silly that we need to resort to CSS and then make sure updates don’t alter the behavior. Just my two cents. 

Hi @Jill Allen, I posted an idea about this, in case you would like to upvote 😉 
Unfortunately the status has been set to “already exists in product”, even though it is only possible with this workaround via css.

Please see the new thread addressing this issue with additional Manager levels.

I have a less than ideal workaround.

Perhaps a CSS expert could find a better solution.

Thank you @IngerCnudde for bringing the issue to light.