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

volume_up

A critical vulnerability was discovered in React Server Components (Next.js). Our systems remain protected but we advise to update packages to newest version. Learn More.

volume_up

A critical vulnerability was discovered in React Server Components (Next.js). Our systems remain protected but we advise to update packages to newest version. Learn More.

Home / Forums / Developers (Main Products) Forum / CMS 7.5 - 11 /

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

Katharina Ljunggren

Vote:

expand_less 0 expand_more

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:

expand_less 0 expand_more

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:

expand_less 0 expand_more

Hello Mark!

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

Regards,

/Katharina

#179966

Jun 27, 2017 13:10

error This topic was created over six months ago and has been resolved. If you have a similar question, please create a new topic and refer to this one.