Skip to main content
Nintex Community Menu Bar

Centering a form on SharePoint

  • January 4, 2017
  • 5 replies
  • 21 views
Forum|alt.badge.img+1

Hi all,

This is probably a really stupid question but how do I get my form to center on my page?

I have tried using the dev tools on chrome to find a css class to do this but I can't seem to find the right one.

Here is an example of a class I tried to do this on.

 .nf-Formfiller{
text-align: center;
}‍‍‍

Right now I have it centered by increasing the width of the form to match my screen and then centering the form contents manually.  However this only works for computers that have the same screen resolution as mine.

I would love some help figuring this out.  Thanks in advance!

P.S. Let me know if this is the wrong place to post this type of question.

    5 replies

    Forum|alt.badge.img+14
    • emha
    • Scholar
    • January 5, 2017

    try

    #contentBox{

      display: table; 

      margin: 0 auto;

    }‍‍‍‍‍‍‍
    Forum|alt.badge.img+1
    • apack
    • Author
    • January 5, 2017

    Worked great!  Thanks a ton!

    Nintex Partner
    Forum|alt.badge.img+7
    • eibenNintex Partner
    • Nintex Partner
    • January 5, 2017

    I added 

    .nf-non-dialog-outer {margin-right: 50%; margin-left: 50%;}

    at the end of the custom-css-setting in my form. This will center the form within the content-box of sharepoint.

    Forum|alt.badge.img
    • delacruzr
    • October 2, 2017

    It worked for me. I added it to the end of the Custom CSS of the form. Below are the steps.

    - Open the Form

    - Click on NINTEX FORMS 2016 - Settings

    - Expand Custom CSS and add the code above

    CCMODERATOR
    Forum|alt.badge.img+2

    ...thanks for the solution!

     

    Worked perfectly. This will come in very handy

    Sidebar Buttons
    Nintex Community Home Contact Nintex Support Email Nintex Community Check Nintex Status
    Terms & ConditionsAccessibility statement