Hidden fields not aligning properly

  • tctrust
    Asked on December 10, 2016 at 9:35 PM

    What do I have to do with another 2 fields?

     

    Hidden fields not aligning properly Image 1 Screenshot 30

     

    Hidden fields not aligning properly Image 2 Screenshot 41

  • BJoanna
    Replied on December 11, 2016 at 5:51 AM

    Fields are displayed that way because they are shrink and because fields that can be shown based on selection from "Fecha de recogida" field are hidden. This is normal behavior. If field is hidden other field will take his place. 

    As possible workaround you can add empty Text field to your form, shrink it and set width of that field with CSS to 380px.

    Hidden fields not aligning properly Image 1 Screenshot 50

    I added this CSS code for my Text field.

    #id_191 {

        width : 380px !important;

    }

    Then you will need to set conditions for that Text field to be shown when Options: En una semana, Soy flexible, Todavía no tengo una fecha are selected or when field is empty. 

    You can set you condition like this. 

    Hidden fields not aligning properly Image 2 Screenshot 61

    This should be the result.

    Hidden fields not aligning properly Image 3 Screenshot 72

    Hidden fields not aligning properly Image 4 Screenshot 83

    Here is my demo form: https://form.jotform.com/63452876801966 

    Feel free to test it and clone it.

     

    Hope this will help. Let us know if you need further assistance.