Scroll to EditForm

[JP]

Hello,

I use the Grid with EditFormType = Template. When the user clicks the edit button on an item which is at the bottom of the browser window, only the top of the editform is visible and the user has to scroll down to see the whole control. Is it possible to automatically scroll down so the form is completely visible?
Is there any built-in mechanism in the RadGrid?

Thanks!

[Jayesh Goyani]

Hello JP,

Sorry but there is not such type of functionality in it.

You must have to do this thing manually.

Let me know if you have any concern.

Thanks,
Jayesh Goyani

[JP]

Ok, good to know. For everyone who has also to solve this problem, here is the solution:

In the GridItemDataBound event check if it is the edit mode and register client script block:

private void GridItemDataBound(object sender, GridItemEventArgs e)
      {
         if (e.Item is GridEditFormItem && e.Item.IsInEditMode)
         {
            GridEditFormItem item = e.Item as GridEditFormItem;
            bool insert = item is GridEditFormInsertItem;
            Control control = item.FindControl("Editor");
            if (!insert)
            {
               ScriptManager.RegisterClientScriptBlock(Page, Page.GetType(), "scroll", "scrollToElement('" + control.ClientID + "')", true);
            }
         }
      }

This is the javascript function you need to add:

function scrollToElement(id) {
   $('html, body').animate({
      scrollTop: $("#" + id).offset().top
   }, 1000);
}