Password protected form is not loaded if regular script embed method is used

  • Profile Image
    majeem
    Asked on September 10, 2019 at 06:53 AM

    This is my embed code in my page HTML https://d.pr/i/MRzQ6V but it is showing a Blank Page. what am I doing wrong?



    This is a re-post of a comment on Embedding a Form to a Web Page

  • Profile Image
    jherwin
    Answered on September 10, 2019 at 08:14 AM

    Please try embedding the form using the iFrame methodGetting-the-Form-iFrame-Code and see if that will work on your end.

    Please give it a try and let us know how it goes.

  • Profile Image
    majeem
    Answered on September 10, 2019 at 11:11 PM

    i-frame works. I want this to work to be able to auto adjust to page size. 

  • Profile Image
    JohnRex
    Answered on September 11, 2019 at 01:17 AM

    Hi @majeem,

    If you used the iframe embed code, it comes with the script that automatically adjusts the iframe's height.

    Could you please share the link to your webpage where the form is embedded so we could check?

  • Profile Image
    majeem
    Answered on September 11, 2019 at 02:02 AM

    I didn't use i-frame. I used the embed code. This is how my HTML looks like https://d.pr/i/MRzQ6V

  • Profile Image
    JohnRex
    Answered on September 11, 2019 at 02:27 AM

    Yes, that will work.

    But if you want to customize the height property, you can use the iframe method that my colleague has suggested above.

    Here's a similar thread which you can also check: How-to-change-the-height-of-the-embedded-Iframe

    Let us know if you need further assistance on this.

  • Profile Image
    majeem
    Answered on September 11, 2019 at 02:35 AM

    That HTML file is not working. Just White Blank page.

  • Profile Image
    JohnRex
    Answered on September 11, 2019 at 02:40 AM

    Could you please place the script inside the <body> of the HTML? It should work.

    Here's a sample code I used:

    <!DOCTYPE html>

    <html lang=en>

    <head>

    <meta charset="utf-8">

    <title>test only</title>

    </head>

    <body>

    <script type="text/javascript" src="https://form.jotform.com/jsform/92530557486970"></script>

    </body>

    </html>


  • Profile Image
    majeem
    Answered on September 12, 2019 at 01:00 AM

    Still Blank , this is the code https://d.pr/i/P1vT8u

  • Profile Image
    majeem
    Answered on September 12, 2019 at 01:03 AM

    Your form works, not mine.


    Because its password protected? Or a Card type form?

  • Profile Image
    Victoria_K
    Answered on September 12, 2019 at 01:08 AM

    Hi! Could you please link your web page where form is embedded so we checked it closer? 

  • Profile Image
    Victoria_K
    Answered on September 12, 2019 at 02:07 AM

    You are right, the form is not loaded because of password protection. I will attach a ticket to this thread so our developers could take a look. In the meantime I can only suggest to use iframe embed option, it would work pretty same way as regular script method. 

    We will inform you when an update for this ticket is available. Thank you for cooperation on this!

  • Profile Image
    Victoria_K
    Answered on September 12, 2019 at 05:11 AM

    Please try setting 1500px as min-height:

    Example:
    <iframe id="JotFormIFrame-91364604129961" title="test form" onload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/91364604129961" frameborder="0" style=" min-width: 100%; height:539px;

    min-height: 1500px;

    border:none;" scrolling="no" > </iframe>