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

    Iframe Scrolling set to No results to validatation error

    Asked by Kers101 on July 24, 2015 at 10:09 PM
  • Profile Image

    Answered by Sammy on July 25, 2015 at 03:24 AM

    The iframe scrolling is usually made available for backwards compatibility with non HTML5 browsers

    To implement the CSS alternative you can do it as illustrated in the snippet below

    <iframe style="overflow:hidden;"/>

    Available properties are

    overflow: visible|hidden|scroll|auto|initial|inherit;
  • Profile Image

    Answered by Kers101 on July 25, 2015 at 05:44 PM

    Doesn't seem to work (scroll bars still showing)  with scrolling="no" absent.

    I'll try the properties

     

    http://www.momentostudios.ca/momentonew/light-html/2012aug-b.html

     

    Why doesn't this work??

     

    iframe #JotFormIFrame {

    scrolling="no" }

  • Profile Image
    JotForm Support

    Answered by BDAVID on July 25, 2015 at 10:18 PM

    I just check how your form is embedded, and the iFrame still has the scrolling:

    Go to your embedded code, remove that part and replace it with: overflow: hidden;

  • Profile Image

    Answered by Kers101 on July 26, 2015 at 07:34 AM

    overflow :hidden; is already in the frame styles of the iframe.

    Anyway what part did you want me to replace?

    scrolling="no" removes the bars but the page will not validate.

     http://www.momentostudios.ca/momentonew/light-html/2012aug-b.html

     Another wrench in the works is that  I read overflow:hidden; will not work in Chrome or IE.  I can't test it right now.

    I read about a new html5 tag call "seamless". It's not working with my IE or Chrome. Will win 10 resolve the issues?

     

  • Profile Image

    Answered by Kers101 on July 26, 2015 at 04:29 PM

    I added  some java script below the iframe and the page will run OK in Chrome but not IE. Would you modify this?

    http://www.momentostudios.ca/momentonew/light-html/2012aug-b.html

     

    var el = document.getElementById("iframeid")

    el.scrolling = "no"; //FF & Chrome

    el.contentWindow.document.documentElement.style.overflow="hidden"; //IE