bburke

Hide Individual Ribbon Elements on Form

Blog Post created by bburke on Aug 19, 2016

Recently, I was asked to hide the "Cancel" button on a Nintex Form.

 

Using the Internet Explorer Development Tools (F12), I identified the Cancel button element.

 

1.png

 

It was necessary for me to use the element id (because the class is used multiple times in the form), so I inserted the following to CSS on the form.

 

#Nintex.Forms.SharePoint.Ribbon.Filler.d22208f1_d79c_450b_a0dc_aadff6857888-Large {

display:none;

}

 

Unfortunately this didn't work.

 

After some research I realized the periods in the element id name are not recognized by CSS and need to be escaped.
Adding a slash (\) in front of each period did the trick.

 

#Nintex\.Forms\.SharePoint\.Ribbon\.Filler\.d22208f1_d79c_450b_a0dc_aadff6857888-Large {

display:none;

}

 

2.png

Outcomes