How can I shift form controls dynamically using control visibility?

I am looking for the email textbox to shift upward when removing visibility. Right now, if email is not visible it leaves a blank space. I would like the blank space to be removed and move all other form controls up. 

Comments

  • Hello,

    You can adjust form layout dynamically by using a form vertical stack(red border) and active form flow. There are two different ways this can be accomplished depending on form layout. Option 1(left side of form example) has form controls with labels above. Option 2(right side of form) has form controls with labels to the left. Option 2 involves using data grids(green border) in the vertical stack for each form control.  In my example, the condition to hide the email form control is dependent on the checkbox using an active form flow.  

    Option 1:

    Form Example: 


    1. Insert and expand Vertical Stack on Form
      1. ToolBox > Layouts > Vertical Stack
    1. Insert Form Controls needed(textbox, checkbox, number box, ect.)
    2.  Apply Active Form Flows using Hide Control Step to hide both form control and label.


      Option 2:

      1. Insert  and expand Vertical Stack on Form. 
        1. ToolBox > Layouts > Vertical Stack
      2. Insert a Grid Layout for each intended Form Control.
      3. Format Grid Layout based on needs. 
      4. Insert each Form Control into a single Grid Layout. 
      5. Apply Active Form Flow to hide Grid Layout. 


      Before: 


      After:


      For more information on vertical stacks and active form flows

Sign In or Register to comment.