Adding the option for scrollable Yes and No to be selected when using iframe embed code

  • ctphoto
    Asked on September 14, 2015 at 4:41 PM

    It appears that some visitors in certain web browsers can not scroll my form. What do I have set wrong?

  • NGHS
    Replied on September 14, 2015 at 4:48 PM

    Make sure you ask these visitors what browser they are using. If they all say Internet Explorer, it could be an issue related to that browser (especially if they are using an old version of that browser.)

    This doesn't solve your problem, but might help you figure out the cause.

    If that is the case, you can always add a link to the form, saying something like "Having trouble viewing the form below? Click here for an alternate form".

     

    Good luck!

  • ctphoto
    Replied on September 14, 2015 at 5:15 PM

    I have, it does not seem to matter. Some on Safari, some on Firefox, some on IE.

  • Elton Support Team Lead
    Replied on September 15, 2015 at 12:29 AM

    It is because the scrolling on your iframe embed code is set to "no". Set it to "yes" so a vertical scrollbar would appear once the iframe content passes its height limit.

    Example: See the changes mark in bold

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformpro.com/form/50256089207960" frameborder="0" style="width:100%; height:14767px!Important; border:none;" scrolling="yes"></iframe>

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;case "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) {iframe.style.height = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    Hope this helps!

  • ctphoto
    Replied on September 15, 2015 at 7:38 AM

    Is there someplace in Jotform where I change that so it will always say yes without me having to edit the code anytime I make a change to the form? Also, with it set to yes, I do not see anything different in my preferred browser, Mac Safari, but then again - I never had this issue.

  • Ben
    Replied on September 15, 2015 at 11:16 AM

    Unfortunately no, there is no option to turn it off or on through the form builder, but it is a very simple change to be done (changing that no to yes - if needed).

    Some of our users have mentioned that it would be good if it was removed all together so this is the layout that is most preferred across the board.

  • ctphoto
    Replied on September 15, 2015 at 11:21 AM

    I agree, or at least an option when designing the form.

  • Ben
    Replied on September 15, 2015 at 12:27 PM

    I have raised this to our developers to see if they can add the option that will allow you to change this setting.

    If it gets implemented we will notify you about it through this thread.