Square Integration: Hide total from form not working

  • RFOneVision
    Asked on September 25, 2018 at 9:08 AM

    When selecting 'credit/debit' card option, my form shows the Square payment widget. We want to hide the amount field as shown on the attached image. Is that possible?

    I have set 'Show Total Price on the Form' to 'No' in the payment widget, but it is still showing???

    Thanks,

    David

    Jotform Thread 1590687 Screenshot
    Page URL: https://www.jotform.com/build/82482344782867
  • DonaldHag
    Replied on September 25, 2018 at 11:27 AM

    I have tested your form and noticed the same issue. Am forwarding this to our Developer Team. We shall let you know once there is a response available.



  • RFOneVision
    Replied on October 1, 2018 at 11:45 PM

    Hi there - any progress on this issue? Thanks, David

  • BJoanna
    Replied on October 2, 2018 at 4:14 AM

    Actually, the issue you reported is not a bug. 

    You were using the User Define Amount payment option as the Payment Type to pass the calculation to the Payment field, so there has to be a field visible to the users where the data is passed. 

    The "Show Total Price on the Form" is an option to hide Total which is only shown on the forms where the Payment Type is Sell Products or Sell Subscriptions.

    1538467731total Screenshot 10

    I noticed that you removed the Squire payment field from your form. The amount field where the calculation is passed can be hidden with CSS. 

    If you still want to use Square, please add it back to your form and we will provide you the CSS code to hide the amount field. 

  • RFOneVision
    Replied on October 2, 2018 at 5:35 AM

    I'm trialling this on a test page: https://www.jotform.com/build/82737648329874. This has the Square integration back in it. Could you provide me with the CSS code to hide the amount field? Thanks. 

  • Kiran Support Team Lead
    Replied on October 2, 2018 at 7:22 AM

    Please try adding the following CSS code to your JotForm to hide the total amount input box from the Square payment field.

    #cid_92 > div > div {

        visibility : hidden;

    }

    Also, I notice that there are some conditions with missing fields and calculation to the payment field is not working correctly that you may need to take a look. 

    Please get back to us if you need any further assistance. We will be happy to help.