How to increase the size of the iFrame?

  • Profile Image
    Asked on December 10, 2017 at 05:33 PM

    How could I write a code to enlarge the size of the iframe on our ListingPro By Axium Welcome form so it takes up the whole screen? Also, why is it not giving me an option for custom css settings?

  • Profile Image
    Answered on December 10, 2017 at 08:04 PM

    Is the form embedded on a website? If yes, please provide the URL so we can check it further. 

    Also, I can see that you're using the Single Question in One Page form layout. Unfortunately, there is no option to add custom CSS code to the Single Question in One Page form layout. 

    If you want to add custom CSS code, please try changing the form layout to All Question in One Page option.

    I hope this information helps.

  • Profile Image
    Answered on December 10, 2017 at 08:23 PM

    Thanks John!

    Unfortunately it is not embedded on a website yet as it is in development phase.

    Here is the link to the form:

    I just changed it to All Question format and added Page Break right before the iframe embed, I hope this works.

    Are we able to enlarge the size of the iframe portion only or does it have to be for the whole form?

    How do I write a custom css to enlarge the iframe?


  • Profile Image
    Answered on December 11, 2017 at 03:24 AM

    With that layout, All questions on one page, you can increase the form height by inserting the CSS in Custom CSS Field:


      height: 1000px;


    Just change the number (green).

    The height can be changed in embed code as well, for example, iFrame:

     <iframe id="JotFormIFrame-73386834884170" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="" frameborder="0" style="width: 1px; min-width: 100%; height:539px; border:none;" scrolling="no"> </iframe>

    Let us know if you have any further questions.

    Thank you!