- mandar deshpandeAsked 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>
- JotForm SupportKevin_GAnswered 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:
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 deshpandeAnswered on February 25, 2018 at 12:10 AM
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.
- MarvihAnswered on February 25, 2018 at 05:08 AM
I have the same result with @Kevin_G using Google Chrome.
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.
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.
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>.