I have a form which contains rules to hide/show panels when a radio button/dropdown is/not equals to something
My issue here is when a panel is hidden it leave a large empty space and the panel under the hidden panel goes down instead of going up to other panels
Would appreciate any solutions
Solved! Go to Solution.
I am also having the same issue, I am using Nintex Forms 188.8.131.52 and recently upgraded having experienced the same problems on the earlier version.
I have a Panel which contains a Check Box and a Choice List (2 columns) The Choice List is set to resize at run time,
When I set the Panel to Resize at runtime = No, then the panel doesn't resize - as expected.
However, when I set the Panel to Resize at run time = Expression (But the Expression = No, then the Panel resizes automatically when the form loads, creating a lot of blank space.
Any ideas how to get this to function correctly?
Did you manage to get this resolved, I recently upgraded Nintex forms to 184.108.40.206 and now experiencing the very same issue. Logged a call with the support and was advised that this functionality is working fine on their end. Was suggested to check if there are any overlapping controls. Cannot find any overlapping controls either.
I ran into this issue recently with a form I created for my team. I found a workaround that might help you as well. What I was trying to do is once a user clicks the 'Yes' button another set of fields would appear and disappear once 'No' was clicked.
1) Create a Panel #1
2) Insert the label and the radio button control in that panel
3) Create Panel #2
4) Insert the labels and fields desired inside this panel.
Note: The labels and fields have to be inside the panel (you'll notice the panel change to gray when you drag a control over it)
5) Put your formula (rule) on the panel that will hide and unhide based on the radio button selection (Panel #2 in this case)
Tip: My formula for this was: not(potentialServiceError=='Yes') and I checked off the 'Hide' button on the rules section
Note: I'm not sure if the formula has to be on each individual control or label inside the panel in order for it to work but it couldn't help to highlight them all and place the rule on all of them just to be sure.
6) Test it out. Let me know if it works for you.
For anyone reading this in the future, here are a few methods I've used with success:
Use show/hide rules to show/hide "panels" containing your fields and that span the width of your form. The form then collapses to fill in that space if it's hidden. You may need 1 panel per field row to get it right.
IMPORTANT RULES (both must usually be applied):
(A) Add spacing between panels (e.g. 5 pixels), otherwise even with panels it can still cause swiss cheese effects.
(B) Sometimes you may need to create duplicates of the same form rule to apply separately to each panel. If you use the same show/hide rule for two panels simultaneously it may leave a big empty space where the panels are. Just copy the rule formula and add a #2 to the end of the name.
Be sure that your controls have the "nf-section" CSS class added to them. Add this to the control's "CSS class" property.
This appears to be important for the Nintex Forms containers to work properly at runtime so that the form space pixel height is reserved and recognized. You may sometimes get away with not using this CSS class if you're lucky, but best practice appears to be to have these especially if vertical alignment is important.
Use the rule formatting "Disable" option instead of hiding fields. It grays out the field although it's less obvious for text fields.
Worst case scenario, try recreating that part of your form from scratch while following the methods I outlined above.
I just experienced something very similar. We have a form with 5 panels. We wanted to hide one of the panels based on a value selected in a drop-down box. We added the rule to the panel to hide it based on the drop-down box's value and that worked fine. The panel hides and displays as it should, but when it is hidden, it leaves a white space in the form. We have "Resize at runtime" selected, but it didn't appear to be resizing correctly. We found that the problem was that there was no spacing between the panels as Allan indicated earlier. After adding 5 pixels of spacing between each of the panels, the "Resize at runtime" option is working exactly as expected.