I need to remove the scrollbars in the Iframes Embed widget

  • Profile Image
    enesco
    Asked on August 31, 2017 at 11:25 AM

    And, yes i need to remove the scrollbars in the Iframes. It my real question.

     

    Thx!

  • Profile Image
    Jan
    Answered on August 31, 2017 at 11:26 AM

    Please give me more time to work on this issue. I will contact you once I have a solution. 

    Thank you for your patience.

  • Profile Image
    enesco
    Answered on September 01, 2017 at 06:09 AM

    When i look at the generated code its like there is one Iframe embed in another.

    The iframe of the first level had a parameter scrolling="no" but not the second one. (thats the problem)

    I can edit the first level Iframe in the code, but i dont know where for the second.

     

    Sebastien

     

     

     

  • Profile Image
    liyam
    Answered on September 01, 2017 at 08:30 AM

    Hello Sebastien,

    You can just go to the iframe code of your page (https://www.optimeo-prevention.com/images/ANIM_ERGO_SALUT/anim_ergo_salut.html) and then insert the scrolling="no" attribute and value.

    Once you have updated your iframe code there, the scrollbars should then go away.

    Thanks.

  • Profile Image
    liyam
    Answered on September 01, 2017 at 10:55 AM

    I was informed by Jan that he's working on a solution for this concern. He will get back to this in a short while. 

  • Profile Image
    Jan
    Answered on September 02, 2017 at 05:22 PM

    Thank you for patiently waiting.

    Unfortunately, I was not able to find a solution yet to hide the scrollbar of the embedded iFrame inside the widget. I understand that your webpage does not have an iFrame. It is actually the widget the creates another iFrame inside in order to embed your webpage.

    I have tried several CSS selectors like overflow, overflow-x, overflow-y in order to hide the scrollbar. I also tried adjusting the height of the iFrame. I also tried using the "Text" tool wherein I can put limited custom HTML but the issue is still the same. I already inserted the scrolling="no" tag in the text tool but it seems that the Form Builder is automatically stripping it.

    I also embedded your webpage on a simple HTML file and the issue is still the same. It means that your webpage has a script or a CSS that automatically creates a margin, padding or positioning in the wrapper of the canvas. Here's a screenshot:

    I believe you embedded this webpage to have an animation in the form. Actually, the form is intermittently lagging when I checked it in Google Chrome. It is because the widget is pulling up a lot of resources from that page that may result in slow performance.

    I suggest you use a screen recorder like LiceCap to record the animation and save it as a GIF file. In this way, you can position, resize and align it properly to your form. This will also increase the loading of the form. Here's an example of the recorded animation:

    You can save it if you like to. If that is not okay with you, then I will file a feature request ticket wherein the iFrame Embed widget should have a functionality to disable or enable the scrolling of the iFrame.

    Hope that helps. If you have any questions, let us know. 

  • Profile Image
    Mike
    Answered on September 02, 2017 at 07:30 PM

    Please do a test by adding overflow-x: hidden; overflow-y: hidden; styles to the body tag at optimeo-prevention.com/images/ANIM_ERGO_SALUT/anim_ergo_salut.html

    <body style="overflow-x: hidden; overflow-y: hidden; . . .

  • Profile Image
    enesco
    Answered on September 03, 2017 at 06:18 AM

    Hello Mike,

    Thank you for your awnser, its working !

    Sebastien