S123 Web form display in web form is cut off

146
2
Jump to solution
3 weeks ago
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

View solution in original post

Dawn
by
New Contributor II

Thanks Alison

That change has worked on our Dev version 

0 Kudos