Embeded jotform is not scrolling.

  • mandar deshpande
    Asked on February 24, 2018 at 1: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> 

    Page URL: http://www.draganalive.com/#service-boxes-wrap-2
  • Kevin Support Team Lead
    Replied on February 24, 2018 at 8: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: 

    Embeded jotform is not scrolling. Image 10

    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.

  • mandar deshpande
    Replied 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


  • Marvih
    Replied on February 25, 2018 at 5:08 AM

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

    Embeded jotform is not scrolling. Image 10


    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.

    Embeded jotform is not scrolling. Image 21

    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.

    Embeded jotform is not scrolling. Image 32


    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>.

    Embeded jotform is not scrolling. Image 43