Converted PDF Form: Square credit card inputs not styled as other form inputs

  • TOWSA
    Asked on June 1, 2020 at 2:18 PM

    Hi there -

    I have integrated Square Payments on my form, but some of the fields are not showing up correctly.

    Here is a link to the form:

    https://form.jotform.com/201367067233047?fbclid=IwAR1rDBvBmt9VwZJ8jgbKfLRklv2-rV6wF8lPGc0y7WjfqcwygWmXCSNyd4E

    Once that problem is fixed, I am also having trouble getting information from the form onto a pdf that would be personalised. Not sure if it is better to do this through jotform or square as a receipt.

    Thanks for your help

    Jotform Thread 2360475 Screenshot
    Page URL: https://form.jotform.com/201367067233047?fbclid=IwAR1rDBvBmt9VwZJ8jgbKfLRklv2-rV6wF8lPGc0y7WjfqcwygWmXCSNyd4E
  • Mike
    Replied on June 1, 2020 at 6:25 PM

    Please try adding the next CSS to the form to see if this helps with the credit card fields:

    .square-hosted-fields {
    height: 34px;
    padding: 9px 5px 7px 5px;
    border-color: #dee2ed;
    width: 158px;
    }

    Converted PDF Form: Square credit card inputs not styled as other form inputs Image 1 Screenshot 20

    The second question has been moved into a separate thread:

    https://www.jotform.com/answers/2360475

    It will be updated shortly.

  • TOWSA
    Replied on June 1, 2020 at 7:20 PM

    That worked perfectly!

    Thank You.

    I will work on the other part in a little while.


    Chris