What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to align fields horizontally in my form?

    Asked by fooorex 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

    align fields horizontally how
  • Profile Image
    JotForm Support

    Answered by Nik_C 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
    JotForm Support

    Answered by Nik_C 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

    Answered by fooorex 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

    Answered by fooorex 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!