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

    giving format to a form

    Asked by Heron 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

    Page URL:
    http://sidengo.com/heronfeuchter#dot-hf-online-store

    Screenshot
    format payment form name product
  • Profile Image

    Answered by pinoytech 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!