Make de the payment option shrink

  • Profile Image
    EdwardBuwalda
    Asked 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

  • Profile Image
    jonathan
    Answered 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
    EdwardBuwalda
    Answered 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
    EdwardBuwalda
    Answered 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
    sidharth_kch
    Answered on April 01, 2013 at 05:24 AM

    @EdwardBuwalda

    Please let us know if you need further assistance.

    Thanks,

    Sidharth