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 hide some of the purchase order fields in the preview before submit widget?

    Asked by becshall73 on September 14, 2015 at 06:42 AM

    Hi, I have set up a purchase order and created headings using dummy products - see http://form.jotformpro.com/form/50875831103957?.

    I also want to use the preview before submit widget and within that the headings appear, which doesn't look good.  Is there a way to hide them?




    Page URL:

  • Profile Image

    Answered by becshall73 on September 14, 2015 at 11:59 AM

    Just realised that what I need to do is stop making the headings required by default in purchase order wizard.  Now I just need to figure out how to stop someone clicking on the heading because then it gets added to the basket!

  • Profile Image
    JotForm Support

    Answered by david on September 14, 2015 at 03:25 PM


    If I understand correctly, you would like to make it so that people can only select a product by clicking on the checkbox, rather than being able to click on the product title to select the product.  Unfortunately, I do not believe it would be possible to disable selecting the product via the name without disabling selection of the product all together. 

    If there is something else you were looking for, let us know and we will be happy to see what else we can do.

  • Profile Image

    Answered by becshall73 on September 15, 2015 at 04:03 AM

    Hi, David, thanks for your help.

    What I meant was...

    I have set up dummy products to create headings in my purchase order.  If someone accidentally clicks on a heading, then it gets added to the list of things they are ordering!  How can I stop them being able to click on the heading?  (NB I tried disabling the cursor, but you can still click, even if you can't see the cursor.)



  • Profile Image

    Answered by Boris on September 15, 2015 at 09:07 AM

    If I understand you correctly, you wish to stop the product selection if a user clicks on the name of the product, rather then on checkbox itself:

    You can disable the clicking on the label from selecting a product by injecting the following CSS into your form:

    #cid_1 label.form-product-container { pointer-events: none; }

    Now, your users could only select a product by clicking directly in the checkbox of that product. You can see a demo form with this CSS applied here:


    If I have misunderstood your requirement, I apologize. Please explain it in a little more detail, and we will be happy to look for possible ways to help you achieve your requirement. I hope this helps.

  • Profile Image

    Answered by becshall73 on September 15, 2015 at 01:45 PM

    Fab -  {pointer-events: none;} was the syntax I was looking for.