SharePoint 2010 Hide Ribbon button using CSS

Steps
  1. Use any Element inspector to find the id of the ribbon button. 
  2. Use “\” backslash to escape period “.” 
  3. Apply class in master page. 
Example

Before List Item Ribbon


  • To Hide New List Item
    #Ribbon\.ListItem\.New\.NewListItem-Large{Display:none;}

  • To hide New item group. 
#Ribbon\.ListItem\.New.ms-cui-group{display:none;}

  • To hide Delete button 
#Ribbon\.ListItem\.Manage-LargeMedium-1-2{Display:none;}



  • To Hide List Manage Group
    #Ribbon\.ListItem\.Manage { display:none; }

Popular posts from this blog

SharePoint RPC Protocols Examples Using OWSSVR.DLL

Search Control Template with page size drop down

SharePoint 2013 VM ( VMWare (.VMX) Player to run the image on Windows or Mac)