How do I prevent scrolling to the top of the page after submit fo

How do I prevent scrolling to the top of the page after submit form in epi forms?

Katharina Ljunggren

Vote:

Hello,

Could any one help me how to prevent scrolling to the top of the page after submit form in epi forms?

Thanks,

/Katharina

#179962

Jun 27, 2017 11:04

Mark Everard

Vote:

You need to modify the the FormsContainerBlock.ascx view to add a anchor / bookmark, and also add this is to the forms submit action. This is just standard HTML / broweser functionality - see (https://stackoverflow.com/questions/7983290/is-there-any-way-to-bookmark-or-link-to-a-section-of-a-page-without-an-anchor)

For example - add this markup immediately before your form element

and change the form action to the below.

<form method="post" action="#form-<%: Model.Form.FormGuid %>"

This will causes the browser to scroll to the anchor element you added, when the form is submitted (this assumes BTW you aren't posting asynchronously using javascript)

#179964

Jun 27, 2017 12:14

Katharina Ljunggren

Vote:

Hello Mark!

Thank you so much. Its work perfect!! Thump you up!

Regards,

/Katharina

#179966

Jun 27, 2017 13:10

Try our conversational search powered by Generative AI!

How do I prevent scrolling to the top of the page after submit form in epi forms?