Skip to main content
Question

My Dashboard > My Team how to hide the "Checklists" tab and the "Remove from Team" options


In the My Dashboard > My Team page, what is the CSS code to hide the "Checklists" tab and the "Remove from Team" options?

6 replies

lrnlab
Hero III
Forum|alt.badge.img+10
  • Hero III
  • March 14, 2023

These posts should help...please makes sure to test all the various places “Remove from Team” appears

 


  • Author
  • Newcomer
  • March 14, 2023

Thank you. This addresses the “Remove from Team” issue - what about hiding the Checklist tab under My Team?


I also need help with css to hide the “checklist” under the header for “My Teams”


Wrightmy
  • Newcomer
  • September 14, 2023

I also need help with css to hide the “checklist” under the header for “My Teams”

 

My SDM gave me the CSS to hide the checklist from my team's page. Tested and working. See below.

 

/* Hides the Checklist tab from My Team page*/

.mng-my-team dcb-ui-tabs-horizontal-header-item[aria-label="Checklists "] {

    display: none;

}


Forum|alt.badge.img

anyone have this for the new UI. it was working, now its not


​@talya.pacheco In the new UI the new tabs list items don’t have aria-labels (they’re in spans so they can be read natively by a screen reader) and there is no CSS attribute to distinguish them.
So we hide Checklists via nth-of-type. In our manager view (not sure if it’s consistent across platforms) - Checklists is the 4th tab, so:
 

.mng-my-team .mng-my-team__elemental-tablist .lmn-navigation-item-label-container:nth-of-type(4) {
display: none;
}

Hope this helps!