Embeded jotform is not scrolling.

  • Profile Image
    mandar deshpande 
    Asked on February 24, 2018 at 01:49 PM

    I am updating third party site which has embeded jotform with iframe code, but when it is viewed online http://www.draganalive.com/#service-boxes-wrap-2 and click transformational coaching.

    scroll bar found to be not responsive.codes are as below

    <iframe id="JotFormIFrame-63567444022151" style="width: 100%; height: 4300px; border: none;" src="https://form.jotform.us/63567444022151" width="300" height="4300" frameborder="0" scrolling="no"> </iframe> 

  • Profile Image
    Kevin_G
    Answered on February 24, 2018 at 08:29 PM

    I have checked your form and it seems to be working, there is a scroll bar and the form is showing up entirely. Please see this screen-cast: 

    15195221361.gif

    If you keep experiencing the issue, please try setting the scrolling attribute to "yes", example:

    <iframe id="JotFormIFrame-63567444022151" style="width: 100%; height: 4300px; border: none;" src="https://form.jotform.us/63567444022151" width="300" height="4300" frameborder="0" scrolling="yes"> </iframe> 

    I hope this helps.

  • Profile Image
    mandar deshpande 
    Answered on February 25, 2018 at 12:10 AM

    Hi kevin

    I dont have option to reply back so writing as answer....Which browser you are using? because same link (as i posted above) when I clicked it opened that page and when I clicked on Transformational coaching that form opened with scroll bar but found it is not responsive.

    As you said I already tried with changing scrolling from "no" to "yes" still scroll bar no responsive.

    thank you,

    Mandar


  • Profile Image
    Marvih
    Answered on February 25, 2018 at 05:08 AM

    I have the same result with @Kevin_G using Google Chrome.

    15195525691215.gif


    You can scroll on the Form using the Scroll Wheel on the mouse. But if you click the Scroll bar manually in the right side, it will not work correctly because it is inside a <div> tag (.absolute-bg) . Note that the <div> tag is part of your website's Theme or design.

    15195528421216.png

    If you want the scroll bar to work either using the Mouse Wheel or just dragging and clicking the scrollbar, you need to find the CSS line/code of "absolute-bg" and change its "z-index" value to -1.

    15195531461218.gif


    You can also try removing the line :
    <div class="absolute-bg" style="background-image: url('http://www.draganalive.com/wp-content/uploads/2017/03/team.jpg');"></div>.

    15195532551216.png