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

  • Profile Image
    ctphoto
    Asked on September 14, 2015 at 04:41 PM

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

  • Profile Image
    NGHS
    Answered on September 14, 2015 at 04: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!

  • Profile Image
    ctphoto
    Answered on September 14, 2015 at 05:15 PM

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

  • Profile Image
    EltonCris
    Answered 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" onload="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!

  • Profile Image
    ctphoto
    Answered on September 15, 2015 at 07: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.

  • Profile Image
    Ben
    Answered 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.

  • Profile Image
    ctphoto
    Answered on September 15, 2015 at 11:21 AM

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

  • Profile Image
    Ben
    Answered 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.