[Solved] CheckBox causing problem in ScrollBar

[Harish Suhanda]

Hi Support.

Before you directly jump to find the solution, please understand the issue first and also know that I've already spent some time trying to fix it myself.

Here is the problem.

I've a simple RadGrid placed on the form that loads around 3000 rows, with no virtual scroll, no grouping, no hi-fi setting.. Simple RadGrid.
Now, as soon as I place a CheckBox column, or a ClientSelectColumn or a TemplateColumn with a CheckBox, I see unnecessary Vertical ScrollBar showing up on my PAGE NOT the RADGRID.

Below is the html to to generate the radgrid. Note that the RadGrid is placed inside the RadAjaxPanel with Rad

<

 

telerik:RadGrid ID="RadGrid1" runat="server" SkinID="ShowAllRecords_AutoGeneratedFalse"

 

 

 

AllowFilteringByColumn="True" AllowSorting="True" GridLines="None"

 

 

 

onneeddatasource="rgvwMaterialHierarchy_NeedDataSource">

 

 

 

<MasterTableView TableLayout="Fixed" CommandItemDisplay="Top" >

 

 

 

<Columns>

 

 

 

<telerik:GridCheckBoxColumn /> ------>This line here... if I remove this line everything is PERFECT. But I need a checkbox column.

 

 

 

<telerik:GridTemplateColumn DataField="MaterialHierarchyCode" SortExpression="MaterialHierarchyCode" HeaderStyle-HorizontalAlign ="center" HeaderStyle-VerticalAlign ="middle" HeaderText ="Hierarchy Code" UniqueName ="MaterialHierarchyCode" HeaderStyle-Width="15%" ItemStyle-Width="15%" FilterControlWidth="80%" AutoPostBackOnFilter="true">

 

 

 

<ItemTemplate >

 

 

 

<asp:Label ID="lblMaterialHierarchyCode" runat="server" Text='<%# Bind("MaterialHierarchyCode")%>' ToolTip='<%# Bind("MaterialHierarchyCode")%>'></asp:Label>

 

 

 

</ItemTemplate>

 

 

 

<HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />

 

 

 

</telerik:GridTemplateColumn>

 

 

 

 

<telerik:GridTemplateColumn DataField="MaterialHierarchyDescription" SortExpression="MaterialHierarchyDescription" HeaderStyle-HorizontalAlign ="center" HeaderStyle-VerticalAlign ="middle" HeaderText ="Hierarchy Name" UniqueName ="MaterialHierarchyDescription" HeaderStyle-Width="54%" ItemStyle-Width="54%" FilterControlWidth="80%" AutoPostBackOnFilter="true">

 

 

 

<ItemTemplate >

 

 

 

<asp:Label ID="lblMaterialHierarchyDescription" runat="server" Text='<%# Bind("MaterialHierarchyDescription")%>' ToolTip='<%# Bind("MaterialHierarchyDescription")%>'></asp:Label>

 

 

 

</ItemTemplate>

 

 

 

<EditItemTemplate>

 

 

 

<telerik:RadTextBox ID="txtMaterialHierarchyDescription" runat="server" Text='<%# Bind("MaterialHierarchyDescription")%>' MaxLength="1000" Width="90%" AutoCompleteType="Disabled"></telerik:RadTextBox>

 

 

 

<asp:RequiredFieldValidator ID="rvftxtMaterialHierarchyDescription" runat="server" ControlToValidate="txtMaterialHierarchyDescription" ErrorMessage="Hierarchy Name cannot be blank" Display="Dynamic"></asp:RequiredFieldValidator>

 

 

 

</EditItemTemplate>

 

 

 

<HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />

 

 

 

</telerik:GridTemplateColumn>

 

 

 

 

<telerik:GridTemplateColumn UniqueName="Detail" HeaderText="Details" AllowFiltering="false" HeaderStyle-HorizontalAlign ="center" HeaderStyle-VerticalAlign ="middle" HeaderStyle-Width="10%" ItemStyle-Width="10%" >

 

 

 

<ItemTemplate>

 

 

 

</ItemTemplate>

 

 

 

<HeaderStyle></HeaderStyle>

 

 

 

</telerik:GridTemplateColumn>

 

 

 

 

<telerik:GridTemplateColumn UniqueName="Properties" HeaderText="Properties" AllowFiltering="false" HeaderStyle-HorizontalAlign ="center" HeaderStyle-VerticalAlign ="middle" HeaderStyle-Width="12%" ItemStyle-Width="12%" >

 

 

 

<ItemTemplate>

 

 

 

</ItemTemplate>

 

 

 

<HeaderStyle Width="80px"></HeaderStyle>

 

 

 

</telerik:GridTemplateColumn>

 

 

 

 

<telerik:GridEditCommandColumn UniqueName="Edit" HeaderText="Edit" ButtonType="ImageButton"

 

 

 

CancelText="Cancel" UpdateText="Update" InsertText="Add New Hierarchy" HeaderStyle-Width="6%" ItemStyle-Width="6%" CancelImageUrl="~/Images/cancel.png" UpdateImageUrl="~/Images/Save.png"

 

 

 

InsertImageUrl="~/Images/Save.png" EditImageUrl="../Images/pencil.png">

 

 

 

</telerik:GridEditCommandColumn>

 

 

 

 

</Columns>

 

 

 

</MasterTableView>

 

 

 

<ClientSettings>

 

 

 

<Scrolling AllowScroll="True" ScrollHeight="600" UseStaticHeaders="True" />

 

 

 

</ClientSettings>

 

 

 

</telerik:RadGrid>

 

 

[Pavlina]

Hi Harish,

I am afraid that the provided information is not enough to determine what have caused the unexpected behavior. Therefore I will as you to open a formal support ticket and send us a simple working project, demonstrating your setup, for additional testing and review.

Kind regards,
Pavlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.