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

    Make de the payment option shrink

    Asked by EdwardBuwalda on March 31, 2013 at 03:22 PM

    Is it possible te make the payment options,  in twoo or more colums?

    Nou it is one long big form

     

    Eddy

    Page URL:
    http://www.displaynoord.nl/Bestelformulier.html

    shrink payment option payment options multiple column
  • Profile Image
    JotForm Support

    Answered by jonathan on March 31, 2013 at 04:44 PM

    Hi Eddy,

    Please check this form http://www.jotformpro.com/form/30896864277976

    Will this work for you?

    To achieve this, you will only need to inject CSS code on your form.

    This codes:

     

    .form-product-item {

    margin: 1px;

    float: left;

    width: 451px;

    }

    .form-product-item + br {

    display:none;

    }

    br + b {

    float: left;

    padding-top: 20px;

    }

    .form-payment-total {

    line-height: 50px;

    margin: 1px;

    border: 1px solid #EFEFEF;

    border-radius: 4px;

    padding: 15px;

    padding-right: 193px;

    padding-left: 6px;

    }

     

    You will also have to make sure that the payment field is not in shrink mode.

     

    Hope this help. Inform us if you need further assistance.

    Thanks.

  • Profile Image

    Answered by EdwardBuwalda on April 01, 2013 at 05:16 AM
    Hi there Jotform,

    Again a great solution, this is want I want.

    I’ll will give it a try!

    This means that I have to use the embedded “version” instead of the small script?
    and then locally edit the CSS stylesheet…

    Regards,

    Eddy Buwalda



  • Profile Image

    Answered by EdwardBuwalda on April 01, 2013 at 05:18 AM
    Hi Jotform,

    I send it to fast!!

    I just checked the “inject CSS code on your form”

    Sorry,

    Eddy


  • Profile Image

    Answered by sidharth_kch on April 01, 2013 at 05:24 AM

    @EdwardBuwalda

    Please let us know if you need further assistance.

    Thanks,

    Sidharth