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

    In the payment wizard - can you make options look more like they go with the question

    Asked by emclanekinsethcom on June 20, 2013 at 02:26 PM

    http://form.jotform.us/form/31576130560145

     

    I feel that the quantity categories do not relate well to their question. Can they be on the same line or closer together?

    Page URL:
    http://form.jotform.us/form/31576130560145

    Screenshot
    JotForm quantity same line
  • Profile Image

    Answered by lebaus on June 20, 2013 at 02:27 PM

    I agree, it's confusing to the consumer!

  • Profile Image

    Answered by pinoytech on June 20, 2013 at 03:16 PM

    Hi,

    Sorry to keep you waiting. With regards to your query, can you please take a look at this clone form if this is what you want to achieved? http://www.jotformpro.com/form/31705348190957

    If yes, use and inject this custom css into your form.

    .form-product-item {

    width: 420px !important;

    height: 20px !important;

    }

    #input_46_quantity_1005_0.form-dropdown {

    position: absolute;

    margin-left: 201px !important;

    margin-top: -55px !important;

    }

    label[for="input_46_quantity_1005_0"] {

    position: absolute;

    margin-left: 252px !important;

    margin-top: -51px !important;

    }

    #input_46_custom_1007_0.form-dropdown {

    position: absolute;

    margin-left: 330px !important;

    margin-top: -55px !important;

    }

    label[for="input_46_custom_1007_0"] {

    position: absolute;

    margin-left: 381px !important;

    margin-top: -51px !important;

    }

    #input_46_quantity_1008_0.form-dropdown {

    position: absolute;

    margin-left: 330px !important;

    margin-top: -55px !important;

    }

    label[for="input_46_quantity_1008_0"] {

    position: absolute;

    margin-left: 381px !important;

    margin-top: -51px !important;

    }

    Feel free to let us know if you need further assistance.

    Thank you!

  • Profile Image

    Answered by emclanekinsethcom on June 20, 2013 at 03:26 PM
    Not to be too picky but they kind of float above the text and it is still
    not looking perfectly in line. Can we lower them just a bit.
  • Profile Image

    Answered by pinoytech on June 20, 2013 at 03:31 PM

    Hi,

    It seems to be working fine on my end. Please take a look at this screenshot.

    Can you please provide us screenshot of the issue you are referring? 

    Thank you!

  • Profile Image

    Answered by emclanekinsethcom on June 20, 2013 at 03:34 PM
    Yes, you are right. It looks different in the edit mode. It looks correct in
    the preview mode. Thank you!
  • Profile Image

    Answered by dinesh-it on June 20, 2013 at 03:41 PM

    On Behalf of pinoytech, Glad to know that your problem is fixed.

    Thank you for your information.