Select to view content in your preferred language

Embed Survey123 form in a web page results in two scrollbars

04-27-2022 08:35 AM
Occasional Contributor II

Hello, I have used the Survey123 generated code to embed the form in a web page. As a result, the web page has two scrollbars, one from the embedded iframe, the other is from the web page. I have tried to change the style like height, padding etc. It doesn't work.  Any help is appreciated.



The web page html:

<html >
<title>Survey embedded in testing page</title>
<body >

<!-- code below is generated from Survey 123 site-->
<style>.embed-container {position: relative; height: 0; padding-bottom:80%; max-width: 100%;} .embed-container iframe, .embed-container object,...........&&(["padding-bottom"]="unset")}});</script>

0 Replies