Skip to main content
Nintex Community Menu Bar

How do I remove the border around a Nintex Form?

  • June 23, 2017
  • 5 replies
  • 36 views

Forum|alt.badge.img+1

I am trying to update my Nintex Form so it does not show a border around it. You will see in the screenshot attached that a border is put around the form when you publish it and view it in SharePoint.

When I look for the CSS that is controlling it, I find that .nf-filler-container is how the border is being displayed. I do not see that CSS class in the form settings or layout settings.

How do I remove the border around the form so it does not show up anymore?

Also, I am using Nintex Forms O365 and SharePoint Online. Thanks.

5 replies

jesse_mchargue
Forum|alt.badge.img+12

Hello Kris Fox‌ - 

Try adding the following to your CSS in the form:

.nf-filler-container{
     border: none;
}

You should see results like this:

204901_pastedImage_1.png

Hope this helps!


Forum|alt.badge.img+1
  • Author
  • June 23, 2017

I had a feeling that was going to be the answer. I was hoping I could adjust it within the Nintex UI.

I will just do this for now. Thanks.


Forum|alt.badge.img+1
  • Author
  • June 23, 2017

Quick question - where in the form should I add the CSS? I actually tried to do it in Form Settings -> Appearance -> Form CSS Class, and in Layout Settings -> Appearance -> Layout CSS Class with no results.

Should I be adding this somewhere else?


Forum|alt.badge.img+1

Hi,

 

I added this to the custom CSS section but it doesn't work, border still appears.  any ideas on why this would be the case?


Simon Muntz
Nintex Partner
Forum|alt.badge.img+23
  • Nintex Partner
  • September 10, 2019
Hi,
This is an old post so I tested the code to make sure it is still relevant and for me it still works.
I just pasted the code at the start of all the default CSS.
Do you have other customisations that may be causing a conflict?
If you provide an export of your form I can test it to see if I get the same result as you.