Resize RadGrid issue in IE8

[Guillermo Hernandez]

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">

 

 

 

<telerik:RadGrid

 

 

 

ID="RadGrid1"

 

 

 

runat="server"

 

 

 

AllowMultiRowSelection= "True"

 

 

 

OnItemCreated="RadGrid1_ItemCreated"

 

 

 

DataSourceID="ObjectDataSource1" GridLines="None"

 

 

 

DataKeyNames="WorkOrderID" AllowFilteringByColumn="True"

 

 

 

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

 

 

 

<PagerStyle Mode="NextPrevNumericAndAdvanced"

 

 

 

AlwaysVisible="True" />

 

 

 

<MasterTableView

 

 

 

CommandItemDisplay="Top"

 

 

 

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

 

 

 

InsertItemPageIndexAction="ShowItemOnCurrentPage" ShowFooter="True"

 

 

 

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

 

 

 

<RowIndicatorColumn Visible="False">

 

 

 

<HeaderStyle Width="20px" />

 

 

 

</RowIndicatorColumn>

 

 

 

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

 

 

 

<HeaderStyle Width="20px" />

 

 

 

</ExpandCollapseColumn>

 

 

 

<Columns>

 

 

 

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn"

 

 

 

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

 

 

 

<HeaderStyle Width="22px" />

 

 

 

<ItemStyle Width="20px" />

 

 

 

</telerik:GridClientSelectColumn>

 

 

 

<telerik:GridTemplateColumn

 

 

 

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

 

 

 

<ItemTemplate>

 

 

 

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

 

 

 

</ItemTemplate>

 

 

 

<HeaderStyle Width="22px" />

 

 

 

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

 

 

 

</telerik:GridTemplateColumn>

 

 

 

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

 

 

 

UniqueName="column2" Visible="False">

 

 

 

</telerik:GridBoundColumn>

 

 

 

</Columns>

 

 

 

<EditFormSettings>

 

 

 

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

 

 

 

</EditFormSettings>

 

 

 

<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" />

 

 

 

<CommandItemTemplate>

 

 

 

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

 

 

 

 

</div>

 

 

 

</CommandItemTemplate>

 

 

 

</MasterTableView>

 

 

 

<ClientSettings>

 

 

 

<Selecting AllowRowSelect="True" />

 

 

 

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

 

 

 

</ClientSettings>

 

 

 

</telerik:RadGrid>

 

 

 

</telerik:RadPane>

 

 

 

</telerik:RadSplitter>

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.

Thanks,
-Guillermo

 

[Dimo]

Hi Guillermo,

Please refer to

http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-set-100-height-and-random-styles-to-a-radajaxmanager-update-panel.aspx

Best wishes,
Dimo
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.