Radgrid jumps to first line when selecting row

[NS]

Hi,

I have a grid with lines i can edit.

Scrolling is enabled but when you select a row to edit it jumps to the top op the grid and you have to scroll down to see the edit line.
But i want it to stay at the position of the line i selected.

Can someone advise?

protected void Page_Load(object sender, EventArgs e)
{}

public void RadGridLegalEntities_NeedDataSource(object source, Telerik.Web.UI.GridNeedDataSourceEventArgs e)
{
List<OM.LegalEntity> entities = new DA.LegalEntity().GetLegalEntities();
RadGridLegalEntities.DataSource = entities;
}

<telerik:RadGrid ID="RadGridLegalEntities" runat="server" AllowSorting="True" AutoGenerateColumns="False" GridLines="None" Skin="Office2007"OnNeedDataSource="RadGridLegalEntities_NeedDataSource" Width=95% Height="465px"
OnInsertCommand="RadGridLegalEntities_InsertCommand"
OnUpdateCommand="RadGridLegalEntities_UpdateCommand"
OnDeleteCommand="RadGridLegalEntities_DeleteCommand"
AllowMultiRowEdit="false" ShowStatusBar="True" >

<

MasterTableView EditMode=InPlace DataKeyNames="LegalEntityID" CurrentResetPageIndexAction="SetPageIndexToFirst" Dir="LTR" Frame="Border" TableLayout="Auto" CommandItemDisplay="Top">

<ClientSettings>
<Scrolling AllowScroll="True" UseStaticHeaders="True" />
</ClientSettings>

[NS]

If you can't repreduce this problem

Try changing the telerik example grid => scrolling => basic scrolling and add a edit column and try selecting a row when you've scrolled down a litte.

Has the same problem there.

[Sebastian]

Hello NS,

We believe we have already addressed the issue with the scroll position persistence and the fix will be included in the next SP of RadControls Prometheus. If this is something urgent, please request a dev build of RadControls Prometheus via our support system and we will gladly provide it for you.

I have updated your Telerik points for the report.

Best regards,
Stephen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Guss]

I believe that the scrolling issue is not totally resolved for all senarios.

Setup

• Create a grid with 50 records in.
• No paging
• One of the fields must be a GridHTMLEditorColumn, but make it Visible="false" Display="false" so that it does not show in the grid, just in the edit form.
• Now make this column EditFormColumnIndex="1" and all the other columns default at index=0
• Add the vista form decorator.

Action

• Scroll down, click the edit icon

Result

• After the form decorator did its work, the page scrolls to the top!

[Konstantin Petkov]

Hello Guss,

Have you AJAXified the Grid some way? You can either add the MaintainScrollPositionOnPostback="true" setting to the page directive or AJAXify the Grid through RadAjaxManager to maintain the scroll position on postback.

Otherwise, it is expected to scroll the page to the top when you perform any postback. I don't think this is related to the GridHTMLEditorColumn or the FormDecorator control, though. Let me know if I'm missing something out.

Best wishes,
Konstantin Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[shankar]

Dear Team,

 

The rad grid is jumping to top when clicked on bottom row cell,

i.e. we have page size 50 and loading the grid and scroll down to bottom and trying to select the bottom row cell, than the page is jumping to top (scrolling is moving to top) but ​there is no cell was select.

 

Please do the needful.

 

Regards,

Shankar Naspuri

[Pavlina]

Hi,

If you set SaveScrollPosition property to true and ajaxify the grid as shown below you should be able to resolve the jumping issue: 

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadGrid1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

Regards,
Pavlina
Telerik

[Kiranmayee]

Scroll jumps down when editing. Really appreciate your time and efforts. Thank you.

 

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" SelectedIndex="1" Skin="Black"  ClickSelectedTab="true">
            <Tabs>
                <telerik:RadTab runat="server" PageViewID="PV_LOCINFO" Selected="True" SelectedIndex="1" Text="LOC INFO">
                </telerik:RadTab>
                <telerik:RadTab runat="server" PageViewID="PV_LOCHISTORY" SelectedIndex="0" Text="LOC LOG HISTORY">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
            <telerik:RadMultiPage ID="RadMultiPage1" runat="server" BackColor="Transparent" BorderStyle="None" SelectedIndex="1" Width="100%">
            <telerik:RadPageView ID="PV_LOCINFO" runat="server" BackColor="Black" ForeColor="#FF3300" Selected="True" Width="100%">
                <asp:Panel ID="Panel1" runat="server">
                    <span style="font-size: 9pt; color: #ffffff">
                     </span>
                </asp:Panel>
            <telerik:RadGrid ID="rgLocs" AllowAutomaticUpdates="false" AutoGenerateColumns="false" AllowSorting="TRUE" ShowHeaderWhenEmpty="true" EnableEmbeddedskins="True" GridLines="None" 
                        runat="server" Skin="Black" ShowFooter="True" Width="100%"  AllowPaging="True" pagesize ="200" AllowFilteringByColumn="True" EnableLinqExpressions="false"
                  OnNeedDataSource="rgLocs_NeedDataSource">
                <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Black">
                </HeaderContextMenu>
                <ClientSettings AllowColumnsReorder="True"  EnableRowHoverStyle="True"   EnablePostBackOnRowClick="true" Scrolling-SaveScrollPosition="true" >
                        <Scrolling  UseStaticHeaders="True"  ScrollHeight="600px"   AllowScroll="true" SaveScrollPosition="true"  ></Scrolling>                      
                        <Selecting AllowRowSelect="True" />
                     </ClientSettings>
                <MasterTableView DataKeyNames="LOC_ID, LOC_TYPE, SYS_ID, STATUS" AutoGenerateColumns="False" DataSourceID=""  CommandItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage">
                    <CommandItemSettings AddNewRecordText="Add New Location" />
                    <EditFormSettings UserControlName="DBTOOLS_EDITLOCS.ascx" EditFormType="WebUserControl" >
                        <EditColumn UniqueName="EditCommandColumn1">
                        </EditColumn>
                    </EditFormSettings>
             
                    <EditFormSettings>
                        <EditColumn CancelImageUrl="Cancel.gif" EditImageUrl="Edit.gif" InsertImageUrl="Update.gif" UpdateImageUrl="Update.gif">
                        </EditColumn>
                    </EditFormSettings>
                    <Columns>
                        <telerik:GridEditCommandColumn  FilterControlAltText="Filter EditCommandColumn column" UniqueName="EDIT" ButtonType="ImageButton" HeaderText="EDIT" EditImageUrl="images/EDIT2.gif">
                                <HeaderStyle ForeColor="WHITE" HorizontalAlign="left" Width="40px" />
                                <ItemStyle  />
                         </telerik:GridEditCommandColumn>
                 
                        <telerik:GridTemplateColumn UniqueName="DELETE" HeaderText="DELETE" Visible="TRUE"  AllowFiltering="false">
                                <ItemTemplate>
                                     <asp:imageButton ButtonType="ImageButton" ID="btnDelete" runat="server" CommandName="DELETE" ImageUrl="images/delete2.gif" OnClientClick="return confirm('Are you certain you want to DELETE this PART?');"
                                        Text="Delete" />
                                 </ItemTemplate>
                                <HeaderStyle ForeColor="WHITE" HorizontalAlign="left" Width="70px" />
                                <ItemStyle Width="20px" /> 
                         </telerik:GridTemplateColumn>                   

                        <telerik:GridTemplateColumn DataField="LOC_ID" DefaultInsertValue="" HeaderText="LOCATION ID" ReadOnly="True"  UniqueName="LOC_ID" Visible="TRUE" 
                            SortExpression="LOC_ID"   FilterControlWidth="60px" AllowFiltering="true"  AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false">
                            <ItemTemplate>
                                      <%#DataBinder.Eval(Container.DataItem, "LOC_ID")%>
                            </ItemTemplate>
                            <EditItemTemplate>
                                <asp:TextBox ID="txtLocID" Text='<%# Bind("LOC_ID")%>'  BackColor ="White" ForeColor="Black" runat="server" MaxLength ="50"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="<b>*REQUIRED<b>" ControlToValidate="txtLocID" ForeColor="Aqua">
                                </asp:RequiredFieldValidator>  
                            </EditItemTemplate>
                            <HeaderStyle ForeColor="LIME" HorizontalAlign="LEFT" Width="100px" />
                            <ItemStyle ForeColor="White" HorizontalAlign="LEFT" />
                            <FooterStyle Font-Bold="true" ForeColor="WHITE" HorizontalAlign="LEFT" /> 
                            
                        </telerik:GridTemplateColumn>

                        <telerik:GridTemplateColumn DataField="LOC_TYPE" DefaultInsertValue="" HeaderText="LOCATION TYPE" ReadOnly="True" SortExpression="LOC_TYPE" UniqueName="LOC_TYPE" Visible="True" 
                           FilterControlWidth="60px" AllowFiltering="true"  AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false">
                            <ItemTemplate>
                                      <%#DataBinder.Eval(Container.DataItem, "LOC_TYPE")%>
                            </ItemTemplate>
                            <EditItemTemplate>
                                <asp:DropDownList ID="ddlLocType" Text='<%# Bind("LOC_TYPE")%>'  BackColor ="White" ForeColor="Black" runat="server"  AppendDataBoundItems="true"
                                    DataSourceID="SqlDataSource2" DataTextField="LOC_TYPE" DataValueField="LOC_TYPE" >
                                </asp:DropDownList>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="<b>*REQUIRED<b>" ControlToValidate="ddlLocType" ForeColor="Aqua">
                                </asp:RequiredFieldValidator>  
                            </EditItemTemplate>
                            <HeaderStyle ForeColor="LIME" HorizontalAlign="LEFT" Width="100px" />
                            <ItemStyle ForeColor="White" HorizontalAlign="LEFT" />
                            <FooterStyle Font-Bold="true" ForeColor="WHITE" HorizontalAlign="LEFT" />
                            <FilterTemplate>
                            <telerik:RadComboBox  ID="RadComboBoxTitle" DataSourceID="SqlDataSource2" DataTextField="LOC_TYPE" DataValueField="LOC_TYPE" Width="60px" AppendDataBoundItems="true" SelectedValue='<%# TryCast(Container, GridItem).OwnerTableView.GetColumn("LOC_TYPE").CurrentFilterValue%>'
                                runat="server" OnClientSelectedIndexChanged="TitleIndexChanged" Skin="Black">
                                <Items>
                                    <telerik:RadComboBoxItem Text="All" />
                                </Items>
                            </telerik:RadComboBox>
                            <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
                                <script type="text/javascript">
                                    function TitleIndexChanged(sender, args) {
                                        var tableView = $find("<%# TryCast(Container,GridItem).OwnerTableView.ClientID %>");
                                        tableView.filter("LOC_TYPE", args.get_item().get_value(), "EqualTo");
                                    }
                                </script>
                            </telerik:RadScriptBlock>
                        </FilterTemplate>
                        </telerik:GridTemplateColumn>         
                        
                        <telerik:GridTemplateColumn DataField="DESCRIPTION" DefaultInsertValue="" HeaderText="DESCRIPTION" ReadOnly="True" SortExpression="DESCRIPTION" UniqueName="DESCRIPTION" AllowFiltering="false" Visible="True">
                            <ItemTemplate>
                                      <%#DataBinder.Eval(Container.DataItem, "DESCRIPTION")%>
                            </ItemTemplate>
                            <EditItemTemplate>
                                <asp:TextBox ID="txtDescription" Text='<%# Bind("DESCRIPTION")%>'  BackColor ="White" ForeColor="Black" runat="server" MaxLength ="50" DataSourceID="SqlDataSource2" DataTextField="LOC_TYPE" DataValueField="LOC_TYPE"></asp:TextBox>
                            </EditItemTemplate>
                            <HeaderStyle ForeColor="LIME" HorizontalAlign="LEFT"  Width="100px"/>
                            <ItemStyle ForeColor="White" HorizontalAlign="LEFT" />
                            <FooterStyle Font-Bold="true" ForeColor="WHITE" HorizontalAlign="LEFT" />
                        </telerik:GridTemplateColumn>

                        <telerik:GridTemplateColumn DataField="TRAILER_ID" DefaultInsertValue="" HeaderText="TRAILER ID" ReadOnly="True" SortExpression="TRAILER_ID" UniqueName="TRAILER_ID" AllowFiltering="false" Visible="True">
                            <ItemTemplate>
                                      <%#DataBinder.Eval(Container.DataItem, "TRAILER_ID")%>
                            </ItemTemplate>
                            <EditItemTemplate>
                                <asp:TextBox ID="txtTrailerID" Text='<%# Bind("TRAILER_ID")%>'  BackColor ="White" ForeColor="Black" runat="server" MaxLength ="50"></asp:TextBox>
                            </EditItemTemplate>
                            <HeaderStyle ForeColor="LIME" HorizontalAlign="LEFT" Width="100px" />
                            <ItemStyle ForeColor="White" HorizontalAlign="LEFT" />
                            <FooterStyle Font-Bold="true" ForeColor="WHITE" HorizontalAlign="LEFT" />
                        </telerik:GridTemplateColumn>

                        <telerik:GridTemplateColumn DataField="ROUTE" DefaultInsertValue="" HeaderText="SHIP DAY" ReadOnly="True" SortExpression="ROUTE" UniqueName="ROUTE" AllowFiltering="false"  Visible="True">
                            <ItemTemplate>
                                      <%#DataBinder.Eval(Container.DataItem, "ROUTE")%>
                            </ItemTemplate>
                            <EditItemTemplate>
                                <asp:TextBox ID="txtRoute" Text='<%# Bind("ROUTE")%>'  BackColor ="White" ForeColor="Black" runat="server" MaxLength ="50"></asp:TextBox>
                            </EditItemTemplate>
                            <HeaderStyle ForeColor="LIME" HorizontalAlign="LEFT"  Width="100px"/>
                            <ItemStyle ForeColor="White" HorizontalAlign="LEFT" />
                            <FooterStyle Font-Bold="true" ForeColor="WHITE" HorizontalAlign="LEFT" />
                        </telerik:GridTemplateColumn>

                        <telerik:GridTemplateColumn DataField="DECON_CODE" DefaultInsertValue="" HeaderText="DECON CODE" ReadOnly="True" SortExpression="DECON_CODE" UniqueName="DECON_CODE" AllowFiltering="false"  Visible="True">
                            <ItemTemplate>
                                      <%#DataBinder.Eval(Container.DataItem, "DECON_CODE")%>
                            </ItemTemplate>
                            <EditItemTemplate>
                                <asp:TextBox ID="txtRoute" Text='<%# Bind("DECON_CODE")%>'  BackColor ="White" ForeColor="Black" runat="server" MaxLength ="50"></asp:TextBox>
                            </EditItemTemplate>
                            <HeaderStyle ForeColor="LIME" HorizontalAlign="LEFT" Width="100px" />
                            <ItemStyle ForeColor="White" HorizontalAlign="LEFT" />
                            <FooterStyle Font-Bold="true" ForeColor="WHITE" HorizontalAlign="LEFT" />
                        </telerik:GridTemplateColumn>
                                       
                        <telerik:GridTemplateColumn DataField="STATUS" HeaderText="STATUS" UniqueName ="STATUS" AllowFiltering="false"  HeaderStyle-Width="500px" HeaderStyle-ForeColor="#f7d6bd" SortExpression="STATUS">
                                <ItemTemplate>
                                    <%#DataBinder.Eval(Container.DataItem, "STATUS")%>
                                </ItemTemplate>
                                <EditItemTemplate>
                                    <asp:DropDownList ID="ddlStatus" RenderMode="Lightweight" runat="server"  SelectedValue='<%#Bind("STATUS")%>' AppendDataBoundItems="True" >
                                        <Items>
                                        <asp:ListItem Text="" Value="" />
                                        <asp:ListItem Text="OPN" Value="OPN" />
                                        <asp:ListItem Text="CLS" Value="CLS" />
                                        </Items>
                                     </asp:DropDownList>
                                </EditItemTemplate>
                            </telerik:GridTemplateColumn>

                        <telerik:GridBoundColumn DataField="SYS_ID"  DefaultInsertValue="" 
                                    HeaderText="SYS ID" ReadOnly="true" SortExpression="SYS_ID" UniqueName="SYS_ID" Visible="FALSE" AllowFiltering="false" >
                                    <HeaderStyle Font-Size="8pt" Width="10px" />
                                    <ItemStyle Font-Size="10pt"  HorizontalAlign="LEFT"  />
                        </telerik:GridBoundColumn>
                        
                    </Columns>
                 
                </MasterTableView>
                <ValidationSettings CommandsToValidate="PerformInsert,Update"></ValidationSettings>
              </telerik:RadGrid>
                </telerik:RadPageView>

                <telerik:RadPageView ID="PV_LOCHISTORY" runat="server" BackColor="Black" ForeColor="#FF3300"  Width="100%" >
                   <telerik:RadGrid ID="rgDetailLog" AllowAutomaticUpdates="true" AutoGenerateColumns="false" AllowSorting="TRUE" ShowHeaderWhenEmpty="true" EnableEmbeddedskins="True" GridLines="None" 
                       DataSourceID="SqlDataSource1"  runat="server" Skin="Black" ShowFooter="True" AllowPaging="True" pagesize ="200" AllowFilteringByColumn="True" >
                    <HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Black">
                    </HeaderContextMenu>
                       <ClientSettings AllowColumnsReorder="True"  EnableRowHoverStyle="True"  >
                        <Scrolling  UseStaticHeaders="True"   ScrollHeight="700px" AllowScroll="true"></Scrolling>                      
                        <Selecting AllowRowSelect="True" />
                     </ClientSettings>
                       <MasterTableView AutoGenerateColumns="False" DataSourceID="SqlDataSource1" DataKeyNames="SYS_ID" TableLayout="Fixed">
                             <Columns>
                                <telerik:GridBoundColumn DataField="SYS_DT_TM" Aggregate="Count" DefaultInsertValue=""  AllowFiltering="false"
                                HeaderText="UPDATED ON" ReadOnly="True" SortExpression="SYS_DT_TM" UniqueName="SYS_DT_TM" Visible="TRUE">
                                <HeaderStyle Font-Size="8pt" Width="50px" />
                                <ItemStyle Font-Size="10pt" ForeColor="WHITE" HorizontalAlign="LEFT"  />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="CHANGED_BY"  DefaultInsertValue="" HeaderText="CHANGED BY" ReadOnly="True" SortExpression="CHANGED_BY" 
                                    UniqueName="CHANGED_BY" Visible="TRUE" FilterControlWidth="80px"  AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false">
                                <HeaderStyle Font-Size="8pt" Width="50px" />
                                <ItemStyle Font-Size="10pt" ForeColor="WHITE" HorizontalAlign="LEFT"  />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="ACTION"  DefaultInsertValue=""  HeaderText="ACTION" ReadOnly="True" SortExpression="ACTION" UniqueName="ACTION" Visible="TRUE" AllowFiltering="false">
                                <HeaderStyle Font-Size="8pt" Width="40px" />
                                <ItemStyle Font-Size="10pt" ForeColor="WHITE" HorizontalAlign="LEFT"  />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="LOC_ID"  DefaultInsertValue="" HeaderText="LOC ID" ReadOnly="True" SortExpression="LOC_ID" 
                                    UniqueName="LOC_ID" Visible="TRUE" FilterControlWidth="80px" AllowFiltering="true"  AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false">
                                <HeaderStyle Font-Size="8pt" Width="50px" />
                                <ItemStyle Font-Size="10pt" ForeColor="WHITE" HorizontalAlign="LEFT"  />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="LOC_TYPE"  DefaultInsertValue="" HeaderText="LOC TYPE" ReadOnly="True" SortExpression="LOC_TYPE" 
                                    UniqueName="LOC_TYPE" Visible="TRUE" FilterControlWidth="80px" AllowFiltering="true"  AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="false">
                                <HeaderStyle Font-Size="8pt" Width="50px" />
                                <ItemStyle Font-Size="10pt" ForeColor="WHITE" HorizontalAlign="LEFT"  />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="DESCRIPTION"  DefaultInsertValue=""  HeaderText="DESCRIPTION" ReadOnly="True" SortExpression="DESCRIPTION" UniqueName="DESCRIPTION" Visible="TRUE" AllowFiltering="false">
                                <HeaderStyle Font-Size="8pt" Width="50px" />
                                <ItemStyle Font-Size="10pt" ForeColor="WHITE" HorizontalAlign="LEFT"  />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="TRAILER_ID"  DefaultInsertValue=""  HeaderText="TRAILER ID" ReadOnly="True" SortExpression="TRAILER_ID" UniqueName="TRAILER_ID" Visible="TRUE" AllowFiltering="false">
                                <HeaderStyle Font-Size="8pt" Width="60px" />
                                <ItemStyle Font-Size="10pt" ForeColor="WHITE" HorizontalAlign="LEFT"  />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="ROUTE"  DefaultInsertValue=""  HeaderText="ROUTE" ReadOnly="True" SortExpression="ROUTE" UniqueName="ROUTE" Visible="TRUE" AllowFiltering="false">
                                <HeaderStyle Font-Size="8pt" Width="50px" />
                                <ItemStyle Font-Size="10pt" ForeColor="WHITE" HorizontalAlign="LEFT"  />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="STATUS"  DefaultInsertValue=""  HeaderText="STATUS" ReadOnly="True" SortExpression="STATUS" UniqueName="STATUS" Visible="TRUE" AllowFiltering="false">
                                <HeaderStyle Font-Size="8pt" Width="50px" />
                                <ItemStyle Font-Size="10pt" ForeColor="WHITE" HorizontalAlign="LEFT"  />
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="DECON_CODE"  DefaultInsertValue=""  HeaderText="DECON CODE" ReadOnly="True" SortExpression="DECON_CODE" UniqueName="DECON_CODE" Visible="TRUE" AllowFiltering="false">
                                <HeaderStyle Font-Size="8pt" Width="120px" />
                                <ItemStyle Font-Size="10pt" ForeColor="WHITE" HorizontalAlign="LEFT"  />
                                </telerik:GridBoundColumn>
                             </Columns>
                         </MasterTableView>
                     </telerik:RadGrid>
                </telerik:RadPageView> 

                </telerik:RadMultiPage>

[Rumen]

Hi Kiranmayee,

Can you please make sure that you are using the latest version of Telerik UI for ASP.NET AJAX (R2 2018 SP1)?

If the problem is reproducible in it, check:

• Whether the problem happens in a specific browser only. If it is IE, ensure that it is working in native mode, but not compatibility one.
• If the problem is not compatibility mode of IE related, and it happens for example in Chrome latest, try to simplify the page, by :
  • set an HTML5 doctype - <!DOCTYPE html>
  • remove the tabstrip from the form
  • remove the page stylesheet
  • test with simplified RadGrid configuration
  • Test the live data editing demos of RadGrid to see how they behave.

If you are unable to fix the issue and find the reason for it, please isolate it in a simple runnable project and send it for examination. You can use a dummy datasource for the grid records.

Best regards,
Rumen
Progress Telerik

[Kiranmayee]

Hi Rumen,

Thank you for the information. Unfortunately, i won't be able to upgrade my Telerik components due to restrictions at company. The problem persists in IE and Chrome as well. I tried few tips suggested by you and didn't solve the issue. I tried various overflow of css, maintaining focus in the web user control textbox, maintaining scroll position techniques but nothing helped.

 

Thank you.

[Rumen]

Hi,

Which version is using in your app? If the problem is not reproducible with the latest version, it will be a nice moment to evaluate it and plan a path to upgrade, since the latest version supports all modern browser versions. If the used version is pretty old it will be hard to provide a technical solution, as explained at Old versions support policy.

Regards,
Rumen
Progress Telerik

[Kiranmayee]

We are using v.2015.2.826.45.

[Rumen]

Can you please provide a sample, which demonstrates the problem with detailed steps (screenshots or video) showcasing the problem?

You can open a support ticket from the account holding the licence or upload the sample to some online cloud and share the link.

Best regards,
Rumen
Progress Telerik

[Kiranmayee]

pic 1 shows that when i try within the range 1 to 50 I can open  the edit form in the right place. 2nd pic is for just viewing purposes. Please see the position of record 68 (location ID). I try to edit 68 then pic 3 happens. The scroll jumps down. I need to scroll up to see the edit form which is in pic 4.

[Rumen]

Hi Kiranmayee,

Generally, there are various ways to achieve this requirement:

1. The most straightforward one is to the grid:
http://docs.telerik.com/devtools/aspnet-ajax/controls/ajaxmanager/overview
http://docs.telerik.com/devtools/aspnet-ajax/controls/ajaxpanel/overview

2. You can also try enabling this setting:

Copy Code

<ClientSettings>
    <Scrolling ... SaveScrollPosition="true" />
</ClientSettings>

3. An alternative option is to use the following property:

Copy Code

<%@ Page ... MaintainScrollPositionOnPostback="true" %>

4. Use the ItemCommand event handler of the grid:
https://www.telerik.com/forums/scrolling-web-page-to-opened-row-in-radgrid#pqQtZumnyEWUSlWOGdo9FA

5. The scrolling can also be preserved using javascript logic - you can check the approach implemented in the attached samples.

Also, I want to provide you some general info if you happen to come across a similar requirement for the common scroll of the browser and not for the RadGrid's scroll when using AJAX - this is a general behavior of the framework and not related to Telerik. The reason is that this is the main scroll of the browser window, not some container element.

This solution should work for you:
http://www.telerik.com/forums/how-do-you-prevent-browser-scrolling-after-ajax-postback#Bki1UISTeU6Z0MCtGgUZjA

Alternatively, you can use the OnRequestStart and OnResponseEnd event handlers of the AJAX manager to preserve the scroll position manually:
http://stackoverflow.com/questions/10836428/how-to-maintain-page-scroll-position-after-a-jquery-event-is-carried-out


Best regards,
Rumen
Progress Telerik

[Kiranmayee]

Hi Rumen,

Options 2 and 3 are already being used and did not help. I will out other suggestions. 

Thank you.