WordPress Embed: Form Elements are being cut off

  • Profile Image
    michellek.demars
    Asked on August 04, 2020 at 03:43 PM

    1596570337contact form visual problem.JP

    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

     

  • Profile Image
    Jovanne_A
    Answered on August 04, 2020 at 07: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"

          onload="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:

    15965823148.gif


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