Help with designing my form

  • barbwra
    Asked on November 14, 2017 at 1:36 AM

    I’m having a difficult time with this. Could you please look at my form and tell me how to condense the five fields in right-hand column so they follow one another without so much unnecessary space between them? Once they are properly spaced, I want to copy those five fields and paste them under the first set - all in the right-hand column without disturbing the left-hand column. After that, I want to move the Yahrzeit box to the right-hand column under the set that was pasted there.
    Thank you for any help you can give me. Please do not simply direct me to the css tutorials. I’ve tried those and they did not help me.

  • candy
    Replied on November 14, 2017 at 2:08 AM

    Dear Barbara,

    I've cloned your form named "Congregation Sinai Membership Application" on my side in order to investigate it. 

    As far as I see, you have some spacing between the "birthday1" and "cell phone1" fields as seen below:

    1510641599Screen Shot 2017 11 14 at 9 38 Screenshot 10

    You can move the fields to top in order to remove the spacing by injecting following CSS codes to the form as you can see the screenshot below:

    #id_37{

      margin-top: -80px;

    }

    #id_11{

      margin-top: -80px;

    }

    #id_5{

      margin-top: -80px; 

    }

    1510642934Screen Shot 2017 11 14 at 10 Screenshot 21


    You can continue to edit your form based on this example. For detailed information regarding injecting additional CSS codes to the form, please check the guides below:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets

    https://www.jotform.com/help/75-Customize-Your-Form-Using-Custom-CSS-Codes

    Please be informed about that, we do not offer form design support. 

    Thanks.

  • barbwra
    Replied on November 14, 2017 at 6:43 AM
    Thank you very much. I’ll give it a try.
    Barbara
    ...