When Hide formatting rules execute on a form, controls lose their placement.
The below form contains a Choice control titled Colors. When ‘Colors’ is selected, either Red or Green will determine what controls show and what controls are hidden.
Here is the Nintex Form in Design Mode:
When Green is selected, the Multi Line textbox and two Single Line textboxes will be hidden:
The second rule, "Hide Red", will hide the Single Line textbox 1 and the Single Line textbox 3:
In Runtime, when the ‘Hide Red’ rule is selected, you will see how the bottom ‘Hide When Green’ single line text boxes ‘jump’ on the Multi Line textbox and do not align correctly after the above controls are hidden:
- Add a Panel control and nest the two bottom Hide When Green controls within the panel.
- Remove the ‘Hide’ rule from the controls (Select the Hide Green Rule drop down and select ‘Remove from selected controls’).
- After you have nested the Hide When Green controls, select the Panel control and then apply the Hide Green rule to the Panel and NOT the individual nested controls (Select the Hide Green Rule drop down and select ‘Add to selected controls’).
Below is the corrected form in Design Mode:
Since the controls are now nested within the Panel control, the form will render correctly: