Can I hide some of the purchase order fields in the preview before submit widget?

  • Profile Image
    becshall73
    Asked 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?

     

     

     

  • Profile Image
    becshall73
    Answered 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
    david
    Answered on September 14, 2015 at 03:25 PM

    Hi,

    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
    becshall73
    Answered 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.)

     

    Thanks.

  • Profile Image
    Boris
    Answered 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:

    https://secure.jotformpro.com/form/52573333441956

    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
    becshall73
    Answered on September 15, 2015 at 01:45 PM

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