S123 Web form display in web form is cut off

337
2
Jump to solution
09-28-2021 01:45 AM
Dawn
by
New Contributor II

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

dstalberg_0-1632817932742.png

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:

dstalberg_0-1632819264933.png

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%

dstalberg_0-1632843911354.png

 

0 Kudos
1 Solution

Accepted Solutions
alison_gou
Esri Contributor

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

View solution in original post

2 Replies
alison_gou
Esri Contributor

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

Dawn
by
New Contributor II

Thanks Alison

That change has worked on our Dev version 

0 Kudos