cancel
Showing results for 
Search instead for 
Did you mean: 

Hide Individual Ribbon Elements on Form

Workflow Hero
2 8 2,953

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

8 Comments
Workflow Hero

Hi Bill,

This would help in hiding the controls other than Save and Cancel. For these buttons, there is option in the configuration to hide it from the Ribbon. You can select No from the drop down and it will hide it on the form. Did you try this option?

Workflow Hero

Hi Kapil,

Can you tell me where the configuration is to hide the Cancel button? I can't find it. Is it in the Forms Designer?

Bill

Workflow Hero

See the option below:

example.jpg

Workflow Hero

Outstanding!, I had no idea that was there! (Newbie)

I definitely would recommend this approach on the form cancel button.

But yes, if you're hiding other ribbon elements with CSS and need to use the Nintex id, don't forget to escape those pesky periods!

Thanks Kapil Joshi

Workflow Hero

Hi,

Did you know how to hide close ( not from Ribbon) button on Display form? When I'm trying to use Print to PDF functionality, getting this Close button.

Thanks in advance.

Swap

Workflow Hero

Hi ,

Open your form in display mode. Find the close button id using the development tool as mentioned by Bill in the post and use CSS to hide it.

I hope it doesn't have different id for different forms. In that case you will have to use a different method or live with it.

Workflow Hero

Thanks Kapil Joshi‌ for your suggestion. I've added a rule on the 'Cancel' button and set condition to 'Is Display Mode' and checked 'Hide' box.

Swap

Workflow Hero

This is great, but I cannot find how to do this on a responsive form. Is this possible. Either that or change the redirect URL