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

    Can I rearrange the listing of my products in JotForm? Is the listing format flexible?

    Asked by loquus on August 28, 2013 at 02:36 PM

    I have a long list of products (around 25) and instead of one long list, I'd like them seperated into columns.  Like maybe 3 colums of 8?  Can this be done?

    JotForm format rearrange 3
  • Profile Image

    Answered by pinoytech on August 28, 2013 at 04:32 PM

    Hi,

    Can you please take a look at this clone form if this is something you want to achieve? http://www.jotformpro.com/form/32396660766970

    If yes, please take a look at this article for more detailed information: http://www.jotform.me/help/235-How-To-Have-Two-Column-Payment-Form

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image

    Answered by loquus on September 03, 2013 at 02:51 PM

    Hi, 

    At the end of this post was the response given to me when I asked abot putting the two columns into quadrants.  What I want to do this:

    Product 1a   Product 2a
    Product 1b   Product 2b
    Product 1c   Product 2c

    Product 3a  Product 4a
    Product 3b  Product 4b
    Product 3c  Product 4c

    You can tell how my products should be grouped based on their name.  Can you please helpput my products in this kind of order?   Thx.

     

     

    "Good day! Your response has been sent out to our Support Email. Let me proceed through here. 
    For perfect quadrant:  A possible way for this is to use the source codes and modify the product items structures the way you described it. 
    For Columns: You can add more columns by adjusting the "WIDTH", "PADDING" values in guide provided by my colleague Mark.  Example output:https://shots.jotform.com/welvin/screen/eubybvswkt.png.
    We can always help you to modify the form and accomplish your preferred design. I would suggest updating the thread instead responding via email. 
    Thanks
    Regards,
    Welvin - Jotform Support"
  • Profile Image

    Answered by pinoytech on September 03, 2013 at 04:49 PM

    Hi,

    Can you please take a look at this clone form if this something you want to achieve?

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

    If yes, please follow this simple steps:

    1. Re-arrange your product item and add some dummy item which would look like this:

    2. Apply some custom css to hide Dummy Item.

    /*----DUMMY ITEM---*/

    #input_22_1024{display: none;}

    label[for*="1024"] {display: none;}

    #input_22_1025{display: none;}

    label[for*="1025"] {display: none;}

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image

    Answered by loquus on September 04, 2013 at 05:08 PM

    Thank you, I adjusted it a little more and it looks good for now.