This is a migrated thread and some comments may be shown as answers.

Horizontal Scroll Problem in Chrome

4 Answers 181 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Pete asked on 28 Nov 2010, 06:37 PM

Hello,
I have a RadGrid in which I'd like to use AutoScroll. For large datasets, horizontal scrollbar extends way beyond the last column, and the result is scrolling over lot of empty space. I am NOT seeing this issue in IE or Firefox, only Chrome. Below is my client-side code:

<telerik:RadScriptManager ID="ScriptManager1" runat="server">

</telerik:RadScriptManager>

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" />

<telerik:RadAjaxManager ID="RadAjaxManager2" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="datasetGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="datasetGrid" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel

id="RadAjaxLoadingPanel1"

Transparency="25"

runat="server">

<asp:Image id="Image1" runat="server" ImageUrl="~/Content/Images/spinner.gif"></asp:Image>

</telerik:RadAjaxLoadingPanel>

<div id="datasetGridContainer">

<telerik:RadGrid

ID="datasetGrid"

OnSortCommand="datasetGrid_Sort"

OnPageIndexChanged="datasetGrid_PageIndexChanged"

OnItemCommand="datasetGrid_ItemCommand"

AllowSorting="True"

AllowPaging="True"

AllowCustomPaging="true"

OnNeedDataSource="datasetGrid_NeedDataSource"

AllowFilteringByColumn="true"

PageSize="100"

runat="server"

GridLines="None"

Width="100%"

OnPreRender="datasetGrid_PreRender"

>

<PagerStyle AlwaysVisible="true" />

<ClientSettings>

<Scrolling

AllowScroll="True"

UseStaticHeaders="True"

ScrollHeight="480px" />

</ClientSettings>

</telerik:RadGrid>

</div>

Let me know if you'd like more information.
Regards
Pete

Horizontal Scroll Problem in Chrome

4 Answers, 1 is accepted