Two Two Colum Payment Form Option Not Working

  • Profile Image
    instoosh
    Asked on September 03, 2013 at 02:09 PM

    Hello Team!

    thats my payment form:

    http://form.jotformpro.com/form/32454844797973

    i have added the css code that enables two colums, but when opening the form on a web page it will appear just regular.

     

    Thanks

  • Profile Image
    Mike_T
    Answered on September 03, 2013 at 03:25 PM

    Thank you for contacting us.

    You are missing a closing curly bracket } in your CSS, so that the styles are not processed right.

    .form-all {
    text-align: right;
    direction: rtl !important;
    unicode-bidi: bidi-override !important;
    }
    .form-line-column,
    .form-label-right,
    .form-radio-item {
    float:right; }
    .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;
    }

    However, please note that we do not have multiple column forms, so mentioned code is just a hack. It means that this will probably not work as expected on every form without additional css fixes.

  • Profile Image
    instoosh
    Answered on September 03, 2013 at 03:31 PM

    wow!

    you are great! 

    thanks

  • Profile Image
    Mike_T
    Answered on September 03, 2013 at 04:40 PM

    You are quite welcome :)

    Please feel free to contact us anytime.