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

    How do you have columns with sub headings?

    Asked by riverleasoap on January 17, 2014 at 12:24 PM

    How do you have columns with sub headings? My form takes the subheading into account and all my products are out of alignment.

    Thanks



    This is a re-post of a comment on How To Have Two Column Payment Form

    alignment
  • Profile Image

    Answered by EliezerN on January 17, 2014 at 01:17 PM

    Could you please comfirm if this is the form you are refering to? http://www.jotform.com/30231673004945

    If not, could you please share with us the URL of the form you need to add sub-headings to clasify your products and how you would like you to separate them. In that way we can look for the right CSS code to see if it is possible to accomplish what you need.

    We will wait for your response.

    Thanks

  • Profile Image

    Answered by EliezerN on January 17, 2014 at 01:21 PM

    In addition you can find the guide to add sub-categories or sub-heading to your products here: How to Have Sub-Category or Sub-Labels on an Order Form

    Thanks

  • Profile Image

    Answered by riverleasoap on January 17, 2014 at 01:40 PM
    Hi there
    Thanks for getting back to me.
    No the form is:
    http://form.myjotform.com/form/31783870334559
    I already have the subtitles but when I divide the form into 2 columns I don’t get evenly lined up products. Hope that makes sense?


    Signature.png
    Odette Handley
    ☎ 084 400 2886
    ☎ 087 320 7305 - Office
    7 086 500 3450 - F
    ­ www.riverleasoap.com
    https://s3.amazonaws.com/uploads.wisestamp.com/7d2768aebb6438abdca8fe3174dfeb04/1338293327.png

    Follow us click links below:
    Facebook Page Blogger Flickr pinterest YouTube Skypeodieone
    undefined

    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on January 17, 2014 at 02:52 PM

    Hi Odette,

    How about this approach? Check this cloned form: http://form.jotformpro.com/form/40165831084956?. I simply expanded the product categories to it looks pretty neat and would appear as the headers of the categorized products. You can clone this form if you like.

    I used the following CSS codes, FYI.

    #cid_36 > span:nth-child(2) {

    width: 609px;

    }

    #cid_36 > span:nth-child(10), 

    #cid_36 > span:nth-child(24),

    #cid_36 > span:nth-child(28),

    #cid_36 > span:nth-child(30) {

    width: 609px;

    margin-top: 20px;

    }

    Hope this helps. Let us know if you have further questions about this. Regards!

  • Profile Image

    Answered by riverleasoap on January 17, 2014 at 03:00 PM
    Thanks I will look at it tomorrow morning. I am about to go to bed
    Odette Handley
    Riverlea Soap
    www.riverleasoap.com
    www.riverleasoap.blogspot.com
    Sent via my BlackBerry
    ...
  • Profile Image

    Answered by riverleasoap on January 20, 2014 at 02:20 AM
    Hi there

    Thanks so much for your help but I really do not like the way the products and writing are laid out. Very messy (in my eyes).
    I would really like to have something like this: I just happened to find this on the internet. I like the way the grid stays the same no matter what happens.
    ...
  • Profile Image

    Answered by riverleasoap on January 20, 2014 at 02:20 AM
    Hi there
    I have had a problem with my internet and have just looked at the form again and I LOVE IT!!
    I have no idea what was wrong but when I looked on Saturday it was all jumbled but now looks GREAT.

    Thanks



    Signature.png
    Odette Handley
    ☎ 084 400 2886
    ☎ 087 320 7305 - Office
    7 086 500 3450 - F
    ­ www.riverleasoap.com
    https://s3.amazonaws.com/uploads.wisestamp.com/7d2768aebb6438abdca8fe3174dfeb04/1338293327.png

    Follow us click links below:
    Facebook Page Blogger Flickr pinterest YouTube Skypeodieone
    undefined

    ...
  • Profile Image
    JotForm Support

    Answered by abajan on January 20, 2014 at 05:53 AM

    That's certainly good to know.

    If there's anything else with which you need assistance, please let us know.


    Cheers

  • Profile Image

    Answered by riverleasoap on January 20, 2014 at 07:00 AM
    Hi there
    I am SO, SO sorry to bother you again but I have now tried to add more products into the existing categories and all the pretty lined up boxes are no longer lined up. I have looked at the CSS and made changes to one thing at a time but I do not know enough( I know nothing) to understand what I am doing and how to fix it.
    http://form.myjotform.com/form/40191337746557

    #cid_36 > span:nth-child(2) {
    width: 609px;
    }
    #cid_36 > span:nth-child(10),
    #cid_36 > span:nth-child(24),
    #cid_36 > span:nth-child(28),
    #cid_36 > span:nth-child(30) {
    width: 609px;
    margin-top: 20px;
    }
    This is the code you guys gave me
    I know that some of the products have text that is too long so I need to know what each “thing” stands for so I know how to change it or add more products and have the items all behave the same way. Sorry I do not know the correct terminology. I really do want to learn about this though.

    Thanks for your help.


    Signature.png
    Odette Handley
    ☎ 084 400 2886
    ☎ 087 320 7305 - Office
    7 086 500 3450 - F
    ­ www.riverleasoap.com
    https://s3.amazonaws.com/uploads.wisestamp.com/7d2768aebb6438abdca8fe3174dfeb04/1338293327.png

    Follow us click links below:
    Facebook Page Blogger Flickr pinterest YouTube Skypeodieone
    undefined

    ...
  • Profile Image
    JotForm Support

    Answered by abajan on January 20, 2014 at 08:05 AM

    Hi again,

    I haven't had a chance to properly examine the injected CSS but the 8th rule definitely looks wrong because it has two commas next to each other and a comma at the end of the selector. Removing one of the two adjacent commas and the one at the end of the selector might solve the problem but I'd have to test that in a clone I did of the form.

    SelectOracle is an excellent tool to explain exactly what elements are being targeted by a rule. So, for example, if you wanted to know what

    #cid_36 > span:nth-child(10),
    #cid_36 > span:nth-child(24),
    #cid_36 > span:nth-child(28),
    #cid_36 > span:nth-child(30)

    does, copy it and paste it into the Direct Input box and then click Explain This!

    It would still be advisable to have some basic knowledge on CSS. This site has pretty good tutorials. Also, CSS works hand-in-hand with other technologies. So, it would be a good idea to view this series too.

    Anyway, we'll see how best we can fix the issue and get back to you.

  • Profile Image

    Answered by riverleasoap on January 20, 2014 at 08:20 AM
    You are GREAT – thanks
    I will study up and on the info you have given me and become a pro.
    Thanks for all your help.


    Signature.png
    Odette Handley
    ☎ 084 400 2886
    ☎ 087 320 7305 - Office
    7 086 500 3450 - F
    ­ www.riverleasoap.com
    https://s3.amazonaws.com/uploads.wisestamp.com/7d2768aebb6438abdca8fe3174dfeb04/1338293327.png

    Follow us click links below:
    Facebook Page Blogger Flickr pinterest YouTube Skypeodieone
    undefined

    ...
  • Profile Image

    Answered by riverleasoap on January 20, 2014 at 10:30 AM
    I figured it out.
    Thanks for all your help


    Signature.png
    Odette Handley
    ☎ 084 400 2886
    ☎ 087 320 7305 - Office
    7 086 500 3450 - F
    ­ www.riverleasoap.com
    https://s3.amazonaws.com/uploads.wisestamp.com/7d2768aebb6438abdca8fe3174dfeb04/1338293327.png

    Follow us click links below:
    Facebook Page Blogger Flickr pinterest YouTube Skypeodieone
    undefined

    ...
  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on January 20, 2014 at 11:04 AM

    Very happy to know our workarounds and the external guides provided by the support staff really helped you out

    Cheers!

  • Profile Image

    Answered by riverleasoap on December 17, 2015 at 04:45 AM
    We wouldn't be here without all of you
    A little smile, a word of cheer, A bit of love from someone near, A little gift from one held dear, Best wishes for the coming year Merry Christmas!
    Thank you all so much for your support in 2015. We have had a bumper, busy year and are truly grateful for your support. We could npt have done it without all of you.
    Something funny to make you all laugh: May your stuffing be tasty & your turkey be plump. May your potatoes & gravy have nary a lump. May your yams be delicious & your pies take the prize. May your Christmas dinner stay off yo ur thighs.
    Click on the link below to open the message in a browser:
    http://mandrillapp.com/track/click/30119679/shoutout.wix.com?p=eyJzIjoiSUxOQi1UTVp5WVYyZmJWRzBaT2drU2hFZUVFIiwidiI6MSwicCI6IntcInVcIjozMDExOTY3OSxcInZcIjoxLFwidXJsXCI6XCJodHRwOlxcXC9cXFwvc2hvdXRvdXQud2l4LmNvbVxcXC9zb1xcXC84TDZrdVNWTD9jaWQ9Yjk1NDZlNTAtM2FkOC00YjBjLWE2NGItN2M4Y2EzMzI1ZDZlXCIsXCJpZFwiOlwiMzBmZjRjMmJmY2MxNDM5NzhiNDBlNWRlZjhhZmE1NDlcIixcInVybF9pZHNcIjpbXCI1MWNkZjgwNzNmMGEyZGVjMTNiNGJiMmVlOWYzOWIxYjdmZjBkMjJkXCJdfSJ9
    You've received this email because you are a subscriber of this site
    http://mandrillapp.com/track/click/30119679/riverleasoap.com?p=eyJzIjoiRVpPU25VTXFLcmhtOUlZSGtnZ2E4OEExQndFIiwidiI6MSwicCI6IntcInVcIjozMDExOTY3OSxcInZcIjoxLFwidXJsXCI6XCJodHRwOlxcXC9cXFwvcml2ZXJsZWFzb2FwLmNvbVxcXC9cIixcImlkXCI6XCIzMGZmNGMyYmZjYzE0Mzk3OGI0MGU1ZGVmOGFmYTU0OVwiLFwidXJsX2lkc1wiOltcIjM3YzFmYTFkYzdmY2MxNzEyOGJjNWFhZmY1MTQ0YTlmYzU1ZmZjNjFcIl19In0
    If you feel you received it by mistake or wish to unsubscribe, click here
    http://www.wix.com/my-account/contacts/unsubscribe?metaSiteId=e00c0efc-7b65-410c-9b45-0c59c5af610f&unsubscribeToken=abcefd4d5885911e7f4ea863ecce180388e169a39e4c714f1a99cb3376c2b706f16a24b9126391002bd57091e2d6e2f4fac7802a5f8528ba0ee1f5ddf26b42018a31b96fb3a277a6715ebf859c96479c445fe65559299dd1ed48d4aea7087f267d0e76f11adc41f2dc73e99e7951bde70a436b3451736bf80b2b39b3a4d3d633abaf1baa059b7b82250435e3847611ac7b6dc75e43c01000db81c1fd1d4e49fc382608f2327fe2950e35085d135e5a6db7907cd438a28b086f20b1215f5f4d3a6aa339680ad953861b290aac85f7e5a8ddcc9da536e6a8f59107e5e533ce46bc30622407126610f478829a23e292a5a6da3f04064637e97b8b66d968b619d09c3f5bb7b5cb1b79070b88102a34d5da7882b81fca972529c4cf96b4d4857ef39ddcac22331339d459122008d57bf3d0891357614ee8d4bb9aa44ed00b6af97a7ae8e80f4333775fa4a4eaef92ff5398476c3399cd3443a9405f7ff9a5666bad7eeb720ad12db81306c57c606801e8a48dbbbbe4aecde1397effdc7da1a5478caed6c57d32939c89ea2ba5e53b13f7d582&siteName=riverleasoap
    ...