Form Embed: Unable to Scroll the Form

  • gstan
    Asked on April 25, 2024 at 9:44 PM
    2) I am unable to edit the embedded forms because scrolling has been disabled. Anything below the browser window cannot be seen. Please note that we has scroll bars showing in 2 of the forms earlier which I definitely don't want but after we got rid of them this problem of no being able to see the whole for in Edit mode turned up
  • Jovanne JotForm Support
    Replied on April 25, 2024 at 10:11 PM

    Hi Geoff,

    Can you send the URL of the page where the form is embedded so we can take a closer look at it and generate the correct embed code for you?

    Once we hear back from you, we can help you with this.

  • gstan
    Replied on April 25, 2024 at 10:54 PM

    https://stannersvineyard.ca/order-wines2.html

    It's loading and working there on the site and the forms are scrollable

    BUT the real problem is I cannot scroll down the sub-forms listed in the "Pease Select" dropdown
    when I am logged into Jotform and trying to Edit the forms.

    eg https://www.jotform.com/build/241005577364253


  • Gilbert JotForm Support
    Replied on April 26, 2024 at 1:53 AM

    Hi Geoff,

    Thanks for getting back to us. After checking the Form Builder, I found that the cause of the issue is this specific CSS code injected into the form:

    .supernova {
      overflow: hidden !important;
    }


    Form Embed: Unable to Scroll the Form Image 1 Screenshot 30

    You can comment that out (highlight the block of code and press the Ctrl + / keys) or you can remove it.

    After removing that CSS code in my cloned form, the scroll bar returned to the Form Builder.

    Form Embed: Unable to Scroll the Form Image 2 Screenshot 41

    Give it a try and let us know if you have any other questions.

 
Your Answer