Embed Survey123 form in a web page results in two scrollbars

261
0
04-27-2022 08:35 AM
HelenZhou
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.

Helen

HelenZhou_0-1651073487632.png

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,...........&&(survey123webform.parentNode.style["padding-bottom"]="unset")}});</script>
</body>
</html>

0 Replies