cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
Nintex Newbie

Re: Is there still custom CSS and Javascript in new Responsive Nintex Forms?

Jump to solution

I just found a quick fix to hide the Edit button when using Nintex Responsive Form (no sure if works on the later New Responsive Form).

 

Nintex removed the option to include CSS scripts in the Responsive Form therefore making it difficult to customize elements and controls inside the form. However, for this need, you should now be able to hide ribbon elements in the responsive forms for Sharepoint Online.

 

Here are the steps, Pretty simple.


1. Use a label Control, go to Settings and click on the html icon to bring the html editor.

2. Paste the following CSS script: <style type="text/css">#RibbonEditButton.nCAF-library-ribbon-button { display: none !important; } </style>

3. Publish the form and you should see the Edit Button is not showing anymore.custom css to hide nintex edit ribbon button responsive form.png

 

So, by adding your custom CSS script inside the html content of the label control, you should be good. Of course, everyone has different needs, but you can give it a try! 

 

Now, for us this works perfect in situations where we don't want to allow users to edit content but still be able to view it.

If they need to edit, we provide with the Edit option as you see in the image below.

 

We use a dashboard page where each person can take different types of actions. We filter items so those that might require edits, are shown on chart 1 and once edits are made and move along in the process, we don't what people to be able to edit them chart 2custom css to hide nintex edit ribbon button.png

 

Share your Kudos if this has helped you! > Thanks! Smiley Happy
@jhonser 

 

Reply
Highlighted
Nintex Newbie

Re: Is there still custom CSS and Javascript in new Responsive Nintex Forms?

Jump to solution
Not exactly ideal, but this also allows you to inject JS if needed.
0 Kudos
Reply
Highlighted
Nintex Newbie

Re: Is there still custom CSS and Javascript in new Responsive Nintex Forms?

Jump to solution
When i paste css in via the label -it works in Chrome and Firefox but not in IE.
Any ideas?
0 Kudos
Reply