WordPress Embed: Form Elements are being cut off

  • michellek.demars
    Asked on August 4, 2020 at 3:43 PM

    1596570337contact form visual problem Screenshot 10

    Hi, when I preview my form using jotforms, there are no issues, but when I embed my form using raw html and paste the code on to my wordpress page/site, I am having problems with the display view when the following conditions are selected: 

    Are you a current resident: "No",

    How can we help you: "Deposit-to-Hold",

    Which can we help you with? "Place a deposit-to-hold".  

    Then the "Available Listing for Hold" section of the Deposit-to-Hold Payment (Paypal checkout) area gets cut off.  (see Snip above)

     

    And also the paypal checkout buttons get cut off as well.

     

     

    Please help me to fix this if you can, it will be greatly appreciated.

    Thank you for your time, and I am really liking JotForms!

    --Michelle DeMars

     

  • Jovanne JotForm Support
    Replied on August 4, 2020 at 7:06 PM

    Hi, thank you for reaching out to us.

    You can enable the scrolling option to display the cut off elements.

    Please try to use this iframe embed code instead:

    <iframe

          id="JotFormIFrame-202105651962046"

          title="Contact Us"

          onDISABLEDload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          allowfullscreen="true"

          allow="geolocation; microphone; camera"

          src="https://form.jotform.com/202105651962046"

          frameborder="0"

          style="

          min-width: 100%;

          height:600px;

          border:none;"

          scrolling="yes"

        >

        </iframe>



    Here is a sample output when the scrolling option is enabled:

    WordPress Embed: Form Elements are being cut off Image 10


    I hope this will help. Please give it a try and let us know how it goes.