[Solved] Unwanted scrollbars horizontal and vertical for Radgrid docked to a Raddock

[you]

The Below Aspx Code produces unwanted scrollbars horizontal and vertical with  RadControls for ASP.NET AJAX Q2 2009 in IE7
Whereas works fine in IE6
Is there any solution for this.

                              

<telerik:RadDock runat="server" ID="RadDock1" EnableDrag="false"   DefaultCommands="ExpandCollapse" Skin="Web20"  Title="List of Email Addresses" Width="99%">
                                <ContentTemplate>
                                    <telerik:RadGrid ID="Grid1" runat="server"  EnableClientScript="False" AutoPostBack="false" CausesValidation="false"  AllowMultiRowSelection="false" AutoGenerateColumns="False" GridLines="None" Skin="Office2007" Width="100%"  >
                                                <MasterTableView DataKeyNames="Address,AStatus,IStatus,IsOk" TableLayout="Auto">
                                                    <Columns>
                                                        <telerik:GridTemplateColumn UniqueName="TemplateColumn" ItemStyle-Width="5%">
                                                            <ItemStyle HorizontalAlign="Center" />
                                                            <ItemTemplate>
                                                                <asp:CheckBox runat="server" ID="ChkBox1" AutoPostBack="false" CausesValidation="false" EnableClientScript="False" />
                                                            </ItemTemplate>
                                                        </telerik:GridTemplateColumn>
                                                        <telerik:GridBoundColumn DataField="Address" HeaderText="Address" ItemStyle-Width="30%" ></telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn DataField="AStatus" HeaderText="A Status" ItemStyle-Width="20%" ></telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn DataField="IStatus" HeaderText="I Status" ItemStyle-Width="10%" ></telerik:GridBoundColumn>
                                                        <telerik:GridBoundColumn DataField="IsOk" HeaderText="IsOk" ItemStyle-Width="10%" ></telerik:GridBoundColumn>
                                                    </Columns>
                                                </MasterTableView>
                                                <AlternatingItemStyle BackColor="#EFF3FB" />
                                                <HeaderContextMenu  Skin="Office2007">
                                                    <CollapseAnimation Duration="200" Type="OutQuint" />
                                                </HeaderContextMenu>
                                                <FilterMenu  Skin="Office2007">
                                                    <CollapseAnimation Duration="200" Type="OutQuint" />
                                                </FilterMenu>
                                                <ClientSettings EnablePostBackOnRowClick="false">
                                                    <Selecting AllowRowSelect="false" />
                                                </ClientSettings>
                                        </telerik:RadGrid>
                                    </ContentTemplate>
                               </telerik:RadDock>

[Dimo]

Hi,

The observed behavior is expected and according to the CSS specification - you are placing a 100% wide element with borders inside a scrollable container.

Either remove the RadGrid's 100% width or remove the control's outer border with a CSS style.

<telerik:RadGrid  ID="Grid1"  Width="100%"  style="border:0"  />


Kind regards,
Dimo
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.

[you]

Thanks Dimo.