What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Embedded form using the default method has scroll bars.

    Asked by OVUForms on February 20, 2017 at 05:16 PM

    I've not messed with any code on my website in the past few days... but I noticed today that a couple of forms embedded on my site that were working just fine last week now have issues with scroll bars.  Has something changed? Why do the embedded forms now have scrollbars when they were working just fine as late as last week?

    ---Encounter Form---

    Embedded Form: https://ovu.edu/admissions/campus-encounter.html

    Jotform Direct Link: https://form.jotform.com/52155240410945

    ---Campus Visit Form---

    Embedded Form: https://ovu.edu/admissions/visit-campus.html

    Jotform Direct Link: https://form.jotform.com/52775527289975

    ---Kickstart Form*---

    Embedded Form: https://ovu.edu/admissions/kickstart-registration.html

    Jotform Direct Link: https://form.jotform.com/60605663086962


    These forms have vertical and horizontal scrollbars which is unusual.*  They are all based on similar builds and have similar functionality because of that, but again, there were no problems with embedding these forms as of last week. Each form is currently embedded in a page within a specific column, which seems to be part of the issue... as forms embedded on open pages don't have this issue.  Again though, this wasn't a problem on any of my forms as of last week... now all of the sudden it is.

    *NOTE: The Kickstart form only has a horizontal scrollbar in initial view, however there are dynamic fields (ie, choosing "resident" instead of "commuter") that when activated add a vertical scroll.

  • Profile Image
    JotForm Support

    Answered by BDAVID on February 20, 2017 at 06:54 PM

    Can you please try re-embedding your form? It looks like the div of the page were you have embedded the code is generating the scroll bars.

  • Profile Image

    Answered by OVUForms on February 20, 2017 at 08:17 PM

    I have tried to re-embed... I still have the scroll bars. The part that I don't understand is the code on both sides has been fine and working for awhile and now today something is different. No scroll bars 1-2 weeks ago...

    I found a work-around for now... changing the "form-all" class to "width: 99%;" in the CSS eliminated the scroll bars.  However, this isn't a solution to the underlying problem of how/why did this happen in the first place. The code on both sides was fine before. What has changed that would cause this? The form itself is mobile friendly so if the screen size shrinks, the form will shrink width with it, so the div on my site shouldn't be the issue.

  • Profile Image

    Answered by OVUForms on February 20, 2017 at 08:36 PM

    Wait-a-minute... I may have found the culprit...

    When I look at the form css, I see this:

    .supernova .form-all, .form-all {
      border: 1px solid transparent;
    }

    I did not add this 1px solid transparent border... but when I eliminate it, the problem is solved without changing my width to 99%. So... any idea why this transparent border is in the code? Has that always been there? I would assume not since this wasn't an issue before and it is now... but maybe there is an underlying code issue beyond just this...

  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 20, 2017 at 10:14 PM

    Thank you for the update. 

    I have checked and noticed you have added some CSS code to remove this from your form, but as you say this affects to other forms as well so it would not be good to update each form to fix the issue. 

    I will report this to our second level and let our developers know about it, we will update you as soon as possible via this thread. 

     

  • Profile Image

    Answered by magabriel on February 21, 2017 at 01:24 AM

    Looks like someone removed "scrolling='no'" from the iframe code in the javascript version of the embedded form.

    I have the same issue in my forms, so following... to see when an update comes through for this issue.

  • Profile Image
    JotForm Support

    Answered by Jim_R on February 21, 2017 at 02:04 AM

    @magabriel - You should also get an update from this thread now that you replied to it. But if you need us to take a look at your case separately, feel free to create your own thread so we can check.

  • Profile Image
    JotForm Support

    Answered by Scott on February 21, 2017 at 11:21 AM

    Hey OVUForms,

    This is fixed now. One of the commits that were made by our developers did cause this and so the commit is now reverted.

    Let us know if you are still having issues,

    Cheers.

  • Profile Image

    Answered by OVUForms on February 21, 2017 at 01:26 PM

    This has done the trick!  Thanks!!!