Help with designing my form

  • Profile Image
    barbwra
    Asked on November 14, 2017 at 01: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.

  • Profile Image
    candy
    Answered on November 14, 2017 at 02: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

    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.0


    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.

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