I had a need the other day to get a visual of a Nintex Form, without all the SharePoint stuff around it. Almost like what you’d see if you were to use the Nintex Forms list form web part.
This is what the form looks like normally, when I just clicked on an existing item.
So as you can see from the image above, there’s the SharePoint ribbon, the title, the quick launch and event some item property details under the form. I didn’t want any of that. I just wanted to get the form itself.
This is really what I wanted to see :
What to do???? What to do????
Here’s what it looks like as I was jumping through the HTML to find the node for the Quick Launch bar on the left of my SharePoint page:
if(window.location.search.toLowerCase().indexOf(“isclean=1”) > 0)
NWF$(“#s4-ribbonrow”).hide(); //ribbon bar
NWF$(“#sideNavBox”).hide(); //quick launch
NWF$(“.nf-non-dialog-outer”).attr(“style”, “padding: 0px 0px;”);
I do this on the “ready” function so that it happens when the entire page loads into memory. Most thing I just needed to hide. Others, I had to also change the margins or padding so that there weren’t any odd white space around.
The end result is something I’m quite happy with.
QueryString Parameter to Control the Hiding
Hopefully, this helps anyone else who wants to do something similar.