How to have two column Payment Form

  • rtis_admin_cangrad
    Asked on September 25, 2014 at 2:50 PM

    My list of products is HUGE and when I added half to the payments list - it started looking really messy.  

    I could use the drop down to group some of them but I'd rather not.

    Thanks!!

  • Mark
    Replied on September 25, 2014 at 5:38 PM

    Yes, that is possible by injecting custom css in your form. Below is the code you need to achieve that.

    .form-product-item {

    border: 1px solid #EFEFEF;

    margin: 1px;

    float: center;

    width: 293px;

    }

    .form-product-item + br {

    display:none;

    }

    br + b {

    float: left;

    padding-top: 20px;

    }

    .form-payment-total {

    line-height: 50px;

    margin: 1px;

    border: 0px solid #EFEFEF;

    border-radius: 4px;

    padding: 15px;

    padding-right: 193px;

    padding-left: 6px;

    }

    Here's the guide on how to inject custom css codes.

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Feel free to contact us again if you need further assistance.

    Have a nice day!

  • rtis_admin_cangrad
    Replied on September 26, 2014 at 4:20 PM

    Thanks! 

    I just posted an urgent request - my entire product section is now missing... even in the backup version of the form...

  • Mark
    Replied on September 26, 2014 at 4:45 PM

    Hi,

    Can you please confirm if you are referring on this form for further assistance?

    http://www.jotform.ca/form/42675709641260

    Thanks,