Question

I have just implemented a RequiredFieldValidatior with ValidationSummary by setting a ValidationGroup.

It works fine, when I click the relevant button!

But the viewport changes and shifts at the top of the page and my validaiton result and the button etc stays at the very bottom of the page which is not nice.

Is there a way to prevent this and let the browser still be shopwing the same area after button click?

Additional Note: The validation fails on the client-side; so no post-back occurs. Basically, validation fails, and the viewport slides at the top of the page.

Answer 1

In your RequiredFieldValidator there is an option to SetFocusOnError which will then move the cursor to the Textbox/input type.

Then in your Page declaration at the top of the page, add in MaintainScrollPositionOnPostback="true"

<%@ Page MaintainScrollPositionOnPostback="true" %>