Question

Pagination Question

Forms

Updated April 16, 2020

asked on April 9, 2020

Are there any event's triggered when going between pages on a form when using pagination?

I have a form with a little over 22 pages, I'm using Iframes to load the other forms associated with the main one, but loading that many forms on startup is taking a long amount of time.

My hope was to load the iframes when the page was switched to, but nothing so far is working like I want it to.

Any suggestions?

0 0

Answer

SELECTED ANSWER

replied on April 10, 2020 • Show version history

You could add event listeners to your tabs on form load, then use JS to insert your iframes to the DOM on click.

See this article on implementing lazy loading for videos and images. Your question is a different implementation, but same philosophy: https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video

0 0

replied on April 15, 2020

This is sort of what I went with, using JS on load I inject the src form link into each iframe. I'm then loading the iframes one at a time after the last one loaded until its complete.

This has made the form more responsive, and for the most part works great, but I'm encountering issues when I try to submit the forms in the iframes, getting the LFF2106-InvalidDataSent error.

0 0

replied on April 16, 2020

I rebuilt all of my code based on that tutorial, much much much more stable and consistent.

Thank you for that resource!!

1 0

Replies

replied on April 10, 2020

All the pages on one form will be loaded at once, there is no solution to change it to load one page each time.

0 0

replied on April 15, 2020

All the other pages are using a custom html with an Iframe pointing to a separate form.

0 0

You are not allowed to follow up in this post.

Question

Question

Pagination Question

Answer

Replies

Sign in to reply to this post.