sean.fiene@nintex.com

Why Do My Controls Jump Around?

Blog Post created by sean.fiene@nintex.com Support on Jan 28, 2015

Summary

 

When Hide formatting rules execute on a form, controls lose their placement.

 

Symptom

 

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:

 

badFormDesigner.png

When Green is selected, the Multi Line textbox and two Single Line textboxes will be hidden:

badHideWhenGreen.png

The second rule, "Hide Red", will hide the Single Line textbox 1 and the Single Line textbox 3:

 

badHideWhenRed.png

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:

 

badRenderPreview.png

Resolution

 

  • 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:

 

goodFormDesignerpng.png

Since the controls are now nested within the Panel control, the form will render correctly:

 

goodFormPreview.png

Outcomes