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

Resize RadGrid issue in IE8

1 Answer 67 Views
This is a migrated thread and some comments may be shown as answers.
Guillermo Hernandez
Top achievements
Rank 1
Guillermo Hernandez asked on 28 Apr 2010, 05:28 PM
Hi guys,
I have an issue with a grid (2010 Q1) when I am using IE8. it seems to be a resize problem because the whole grid shrank to 10px height, but if I run it IE8 in compatibility mode, works fine. I attached 2 picture where you can see my problem.
Also, here's my code:



<telerik:RadSplitter ID="NestedSplitter" runat="server" Skin="Outlook" Height="100%" Width="100%">




<telerik:RadPane ID="ContentPane" runat="server" Height="100%" Width="100%" PersistScrollPosition="False">
















AllowMultiRowSelection= "True"








DataSourceID="ObjectDataSource1" GridLines="None"




DataKeyNames="WorkOrderID" AllowFilteringByColumn="True"




AllowSorting="True" Height="70%" Skin="Vista" AllowPaging="True">




<PagerStyle Mode="NextPrevNumericAndAdvanced"




AlwaysVisible="True" />












PageSize="100" DataSourceID="ObjectDataSource1" DataKeyNames="WorkOrderID"




InsertItemPageIndexAction="ShowItemOnCurrentPage" ShowFooter="True"




Width="99%" TableLayout="Fixed">




<RowIndicatorColumn Visible="False">




<HeaderStyle Width="20px" />








<ExpandCollapseColumn Visible="False" Resizable="False">




<HeaderStyle Width="20px" />












<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn"




ItemStyle-Width="20px" HeaderStyle-Width="22px">




<HeaderStyle Width="22px" />




<ItemStyle Width="20px" />












UniqueName="TemplateEditColumn" AllowFiltering="False" ItemStyle-Width="20px" HeaderStyle-Width="22px" HeaderText="Edit">








<asp:ImageButton ToolTip="Edit Record" ImageUrl="~/Images/Edit.gif" ID="btn" runat="server"/>








<HeaderStyle Width="22px" />




<ItemStyle Width="20px" Font-Size="XX-Small"/>








<telerik:GridBoundColumn DataField="WorkOrderID" HeaderText="WorkOrderID"




UniqueName="column2" Visible="False">
















<PopUpSettings ScrollBars="None"></PopUpSettings>








<PagerStyle Mode="NextPrevAndNumeric" Position="TopAndBottom"




AlwaysVisible="True" />




<HeaderStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"




Font-Strikeout="False" Font-Underline="False"




Wrap="false" Font-Size="Small" />








<div class="bgmd2" style="padding:0px 0px;" >





















<Selecting AllowRowSelect="True" />




<Scrolling AllowScroll="true" UseStaticHeaders="true" SaveScrollPosition="true"/>

















It works fine for IE8 and IE8 compatibility mode when I change Height="70%" to Height="300px", but I like to use percentage. 

Any idea what could be causing this issue.



1 Answer, 1 is accepted

Sort by
Telerik team
answered on 29 Apr 2010, 10:44 AM
Hi Guillermo,

Please refer to

Best wishes,
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Asked by
Guillermo Hernandez
Top achievements
Rank 1
Answers by
Telerik team
Share this question