Nintex Form CSS Challenges

  • 1 February 2017
  • 4 replies
  • 16 views

Badge +7

Hi All,

This question is only loosely coupled to Nintex but I didn't want to post elsewhere and have people point at Nintex as the problem because I don't believe it is.

I have a pretty standard request solution in place. On my landing page, I have a "Submit" button which opens my Nintex form in a dialogue. Using CSS I stripped out the dialog title and the ribbon. For some reason, this left a huge white (blank) space at the footer of the dialog. I was able to override this in the button code by specifying a dialog height. It's not a perfect solution, for instance, the height looks perfect in most scenarios but if a user forgets to fill in a field, the red error text gets added to the top after validation and means the dialog height is no longer quite sufficient so scroll bars show up in that case. However, unless someone has a better suggestion I'm going to go with this for now.

My bigger issue right now is that is that I get this same dumb space when I click to open an existing form. I allow users to see a view of past requests for them to search through if needed. Of course, opening these via the list view means I am no longer specifying a dialog height via my button code, it's getting dynamically generated by SharePoint.

Has anyone encountered this before? Is there an easy fix to removing this white space or do I have to resort to using JS (I would need help with this too) to intercept the dialog call and specify a height?

I should add I've spent a while in the browser dev mode and there's no obvious problem I can override like padding or margin. It looks like the dialog is getting passed a height value (which seems to be specified in a number of places in the CSS) from SP.

any help greatly appreciated.


4 replies

Userlevel 5
Badge +14

the dialog popup is made by iframe element.

so you need to search for a ways how to dynamically resize iframe when its content changes. it usually achieved by a combination of CSS and JS/JQ code.

Badge +7

Thanks Marian. Do you think this JS could be stored on the nintex form side, or does it need to run from sharepoint (ie. the master page)?

Userlevel 5
Badge +14

it should be possible from within the form.

Badge +7

Just an FYI,

I was able to achieve this by putting a script editor webpart on my page and it resizes the frame when I open existing requests.

Reply