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

    PayPal Form: Total and Shipping are not calculated on Android when using secure URL

    Asked by HeideCuisine on April 29, 2015 at 09:50 AM
    In addition, and worse, the Paypal widget doesn't calculate the costs: Subtotal, Shipping and Total are just at 0.00 EUR.
    PayPal Not working total doesnt show android and paypal paypal on mobile totals are 0
  • Profile Image
    JotForm Support

    Answered by KadeJM on April 29, 2015 at 10:15 AM

    I noticed in your original thread here you mentioned the above secondary issue about your PayPal Payment Integration not displaying your Shipping and Totals properly.

    In my quick test of this I noticed that I am able to confirm this on Android, but not on Windows.

    Android (Shipping & Total not working):

     

    Windows (working):

    I will need a bit more time to try to investigate this further and figure out why this is happening as something just doesn't seem right here. As soon as more is known I will update you.

     

  • Profile Image
    JotForm Support

    Answered by KadeJM on April 29, 2015 at 10:25 AM

    I noticed you appear to be using the script version of the form embedded into your website. 

    I am currently under the impression that there may be a slight chance that a mobile script might possibly be conflicting with your jotform. So I would suggest trying the iframe code to embed it instead to see if that helps to resolve the issue for you as it would wrap your form code in a protective frame preventing this type of issue.

    Please try that and let us know if this problem continues.

  • Profile Image

    Answered by HeideCuisine on April 29, 2015 at 12:13 PM

    Hi,

    thanks again for your answer.

    I'm afraid it already is the iframe version. The iframe is embedded into a Bootstrap Modal Dialog: http://getbootstrap.com/javascript/#modals

  • Profile Image
    JotForm Support

    Answered by KadeJM on April 29, 2015 at 02:14 PM

    My apologies then if that is the case and thank you for the update. When I had first looked originally I found only the form script method in the page source though I believe I understand what you mean by that now since I do see the modal line now. My fault.

    When you embedded the iframe originally, did you leave out the script part of it or did you leave that in?

    What I mean by that is when you grab the iframe use only what's between the "<iframe></iframe>" and leave out the rest which is between the <script></script> part of it as mentioned in the iframe guide for getting the iframe code that I had mentioned above.

    The other thing you can try is making sure that all of your embedded url's are "secured" to match your website since it is secured as well using only "https://" to make sure since you won't be able to load mixed content properly if that happens.

     

  • Profile Image

    Answered by HeideCuisine on April 29, 2015 at 04:10 PM

    Hi,

    I created a minimal testpage with the iFrame, same problem: https://heidebluetentee.de/test.html

    And I just attached the phone to my computer and connected Chrome with it to fetch the errormessage. It is indeed an Mixed Content problem. Especially as the browser can't load this files:

    http://d2g9qbzl5h49rh.cloudfront.net/static/jotform.forms.js?3.2.6907

    http://d2g9qbzl5h49rh.cloudfront.net/js/paypal.js?v=3.2.6907

    Here is the complete error log:

    50866172657363:8 Mixed Content: The page at 'https://secure.jotformeu.com/form/50866172657363' was loaded over HTTPS, but requested an insecure stylesheet 'http://d2g9qbzl5h49rh.cloudfront.net/static/formCss.css?3.2.6907'. This request has been blocked; the content must be served over HTTPS.
    50866172657363:9 Mixed Content: The page at 'https://secure.jotformeu.com/form/50866172657363' was loaded over HTTPS, but requested an insecure stylesheet 'http://d2g9qbzl5h49rh.cloudfront.net/css/styles/nova.css?3.2.6907'. This request has been blocked; the content must be served over HTTPS.
    50866172657363:10 Mixed Content: The page at 'https://secure.jotformeu.com/form/50866172657363' was loaded over HTTPS, but requested an insecure stylesheet 'http://d2g9qbzl5h49rh.cloudfront.net/css/printForm.css?3.2.6907'. This request has been blocked; the content must be served over HTTPS.
    50866172657363:451 Mixed Content: The page at 'https://secure.jotformeu.com/form/50866172657363' was loaded over HTTPS, but requested an insecure stylesheet 'http://d2g9qbzl5h49rh.cloudfront.net/css/responsive.css?3.2.6907'. This request has been blocked; the content must be served over HTTPS.
    50866172657363:1 Mixed Content: The page at 'https://secure.jotformeu.com/form/50866172657363' was loaded over HTTPS, but requested an insecure script 'http://d2g9qbzl5h49rh.cloudfront.net/static/prototype.forms.js'. This request has been blocked; the content must be served over HTTPS.
    50866172657363:1 Mixed Content: The page at 'https://secure.jotformeu.com/form/50866172657363' was loaded over HTTPS, but requested an insecure script 'http://d2g9qbzl5h49rh.cloudfront.net/static/jotform.forms.js?3.2.6907'. This request has been blocked; the content must be served over HTTPS.
    50866172657363:1 Mixed Content: The page at 'https://secure.jotformeu.com/form/50866172657363' was loaded over HTTPS, but requested an insecure script 'http://d2g9qbzl5h49rh.cloudfront.net/js/paypal.js?v=3.2.6907'. This request has been blocked; the content must be served over HTTPS.
    50866172657363:456 Uncaught ReferenceError: JotForm is not defined
    test.html:1 Mixed Content: The page at 'https://secure.jotformeu.com/form/50866172657363' was loaded over a secure connection, but contains a form which targets an insecure endpoint 'http://submit.jotformeu.com/submit/50866172657363/'. This endpoint should be made available over a secure connection.

  • Profile Image

    Answered by raul on April 29, 2015 at 04:42 PM

    I've checked your test site using my phone (android v4.4.2) and the form is working fine on my side.

    Can you let us know which version are you using to test your form? Please also try to clear the cache in Chrome to see if it helps.

  • Profile Image

    Answered by HeideCuisine on April 29, 2015 at 04:54 PM

    Confirmed. The logs are from the script-version.

    <script type="text/javascript" src="https://secure.jotformeu.com/jsform/50866172657363"></script>

    I tried the iframe version on the production site but it doesn't play well with the bootstrap modal dialog: It just sets it to 0px height.

    So it would be awesome if the script-version could be fixed with the Mixed Content errors.

  • Profile Image

    Answered by raul on April 29, 2015 at 05:07 PM

    Have you considered using the lightbox embed method instead?
    You can tweak its appearance to make it look the way it does right now on this page: https://heidebluetentee.de/ 

    Would this be a feasible solution for you?

  • Profile Image

    Answered by HeideCuisine on May 12, 2015 at 04:21 PM

    Hi,

    thx for the answer. I just tried the lightbox and it has a showstopper: It isn't mobile optimized. If you open it with a screen smaller than the form dimensions, you get some pretty nasty scrollbars and you really can't use it on a mobile screen.

    Actually this exact bug explained above should be pretty easy to fix?

  • Profile Image

    Answered by HeideCuisine on May 12, 2015 at 05:07 PM

    Actually, the behaviour is interesting:

    If I watch the source of

    https://secure.jotformeu.com/jsform/50866172657363

    downloaded by my Desktop Firefox, it hard codes the JS-URLs mentioned above correct as

    https://d2g9qbzl5h49rh.cloudfront.net/static/jotform.forms.js?3.2.6907

    https://d2g9qbzl5h49rh.cloudfront.net/js/paypal.js?v=3.2.6907

    If I watch the source of my connected Android phone, it hard codes the URLs in the mentioned wrong http:// way. As if the User Agent header is affecting here the JS-generation in some wrong ways.

  • Profile Image

    Answered by raul on May 12, 2015 at 05:43 PM

    Thank you for letting us know about this.
    I was able to see what you mean and I'll forward this to our development team so they can take a look at it.

    We'll keep you updated here about any news we have on this matter.