S123 Web form display in web form is cut off

Question

The Survey123 web form (embedded in a model dialog in a VUE app) is cut off and the user has to scroll within the limited portion of the window

It happens across all browsers - but was displaying correctly yesterday. The underlying code has not changed. I have republished the survey with 13.12 but that has had no effect.

Additional info:

The i-frame created by the Survey123webform is restricting the height of the survey123 content to 150px even though the container div is set to height:100%

survey123webform.PNG

Alison_Gou_ · Accepted Answer

Hi @Dawn ,

Are you using web app js api to embed survey123 into your own app? If so, to keep the embedded survey working, I would suggest to listen to onFormLoaded and onFormResized events and set the height of the iframe dynamically, for example: https://codepen.io/nan9266/pen/gORxvBw?editors=1000

There has been changes, therefore, give the example a try and see if this would work for you.

Regards,

Alison