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

    Two Two Colum Payment Form Option Not Working

    Asked by instoosh on September 03, 2013 at 02:09 PM

    Hello Team!

    thats my 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

    payment form css code thanks hello
  • Profile Image
    JotForm Support

    Answered by Mike_T 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

    Answered by instoosh on September 03, 2013 at 03:31 PM

    wow!

    you are great! 

    thanks

  • Profile Image
    JotForm Support

    Answered by Mike_T on September 03, 2013 at 04:40 PM

    You are quite welcome :)

    Please feel free to contact us anytime.