How to align fields horizontally in my form?

  • fooorex
    Asked on May 15, 2016 at 5:18 AM
  • Nik_C
    Replied on May 15, 2016 at 7:01 AM

    Since you used the template, it requires a little CSS tweaking to achieve that.

    Please try to inject this CSS to your Custom CSS field:

    .form-section.page-section {
        width : 800px;
    }

    .form-line.form-line-column.form-col-1.form-line-column-clear.jf-required {
        width : 250px!important;
    }

    #id_4 {
        width : 250px!important;
        margin-left : 270px!important;
        margin-top : -66px;
    }

    .form-line.form-line-column.form-col-2 {
        width : 250px!important;
    }

    .form-input .jf-required div {
        margin-top : -95px;
        width : 250px;
    }

    .form-buttons-wrapper {
        margin-left : 100px!important;
        margin-top : -70px;
    }

    Your form should look like this:

    How to align fields horizontally in my form? Image 1 Screenshot 20

    Here is the link of your cloned form, feel free to clone it or test.

    You can use those margin values to adjust differently if you wish. Please let me know if you need further assistance.

    Thank you!

     

  • Nik_C
    Replied on May 15, 2016 at 7:02 AM

    My apologies, this is the link of the form: https://form.jotform.com/61352151193953

    And here is how you can clone it: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Thank you!

  • fooorex
    Replied on May 15, 2016 at 9:00 AM

    Thanks a lot Nik!

    That's great! You did more than i expected!

    There is a way to compact the upper and the lower borders?

  • fooorex
    Replied on May 15, 2016 at 9:56 AM

    Hi Nik!

    No need to aswer, i just discovered a fantastic feature of Variant to connect template forms to Jotform software!

    I'm studing it.

    Thanks a lot for support!