How to align fields horizontally in my form?

  • Profile Image
    fooorex
    Asked on May 15, 2016 at 05:18 AM

    Hello!

    I'm trying hard to make this form: https://form.jotform.com/61343437391960

    A simple one line form something like http://bmeet.net/site/formtest.htm

    A simple orizontal form wihout big upper and lower borders.

    Can you help me?

    Thanks a lot

  • Profile Image
    Nik_C
    Answered on May 15, 2016 at 07: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:

    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!

     

  • Profile Image
    Nik_C
    Answered on May 15, 2016 at 07: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!

  • Profile Image
    fooorex
    Answered on May 15, 2016 at 09: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?

  • Profile Image
    fooorex
    Answered on May 15, 2016 at 09: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!