giving format to a form

  • Profile Image
    Heron
    Asked on July 03, 2013 at 03:48 AM

    Hello

    I need your help. I need several columns in my payment form because I have many products. But when I formatted to 2 columns the name of the product is not complete neither the price, you can´t see it well. I know i can format and hive an "enter" to the name of the product but I don´t know how. I want to put the price below the name not on the right.


    Additional to these i want that the "total" appears in the bottom, not in the right. And last, the total doesn´t works all the time.

     

    Hope you can Help me!

    thanks

    Heron

  • Profile Image
    pinoytech
    Answered on July 03, 2013 at 05:06 AM

    Hi Heron,

    Can you please take a look at this cloned form if this is something you want to achieve in your form?

    http://www.jotformpro.com/form/31822112225945

    If yes, please use and inject this custom css into your form.

    .form-product-item img {

    width: 60px;

    height: 60px;

    }

    .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;

    }

    If you need further assistance, do let us know.

    Thank you!