[Solved] A Compability Issue - IE 6, IE7 and IE8

[hubert]

We are eveluatiing RadGrid using IE6, IE7 and IE8. It seems ok with IE6 but there are some issues with IE7 and IE8.

1. In IE7, the popup edit form was not shown properly (EditMode="PopUp")
2. In IE8, The grid layout is a kind of messy

Any known issues there?

Thanks!

 

 

[hubert]

By the way, we use v2.0.50727

[Daniel]

Hello Hubert,

Please provide more information about your scenario. Which version of RadControls for ASP.NET AJAX is used in your project?

Regards,
Daniel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[hubert]

Hi Daniel,

1. We downloaded the trail version about 1 month ago from Telerik site.-  v2.0.50727
2. Here are some code segment:
    2A. the grid:

<

 

telerik:RadGrid ID="grdLeaseDetails" runat="server" GridLines="None" AllowMultiRowSelection="false"

 

 

Width="1432px" AllowPaging="True" PageSize="20" AllowSorting="True" AutoGenerateColumns="False"

 

 

ShowStatusBar="true" AllowAutomaticDeletes="False" AllowAutomaticInserts="False"

 

 

AllowAutomaticUpdates="False" HorizontalAlign="NotSet">

 

 

<MasterTableView CommandItemDisplay="Top" GridLines="Horizontal" DataKeyNames="ID"

 

 

EditMode="PopUp" RowIndicatorColumn-Display="false">

 

 

<Columns>

 

 

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" ButtonType="ImageButton"

 

 

Reorderable="false" HeaderStyle-Width="20px" EditImageUrl="~/Images/open.gif">

 

 

</telerik:GridEditCommandColumn>

 

 

<telerik:GridBoundColumn HeaderText="Unit" DataField="Unit" UniqueName="Unit" SortExpression="Unit"

 

 

AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="true" />

 

 

<telerik:GridBoundColumn HeaderText="Move In Date" DataField="DateMoveIn" UniqueName="DateMoveIn"

 

 

DataType="System.DateTime" SortExpression="DateMoveIn" AutoPostBackOnFilter="true"

 

 

CurrentFilterFunction="Contains" ShowFilterIcon="false" />

 

 

<telerik:GridBoundColumn HeaderText="Actual Out Date" DataField="DateMoveOut" UniqueName="DateMoveOut"

 

 

DataType="System.DateTime" SortExpression="DateMoveOut" AutoPostBackOnFilter="true"

 

 

CurrentFilterFunction="Contains" ShowFilterIcon="false" />

 

 

<telerik:GridBoundColumn HeaderText="Rentable Area" DataField="UnitsRentablerea"

 

 

HeaderStyle-Width="100%" UniqueName="UnitsRentablerea" SortExpression="UnitsRentablerea">

 

 

</telerik:GridBoundColumn>

 

 

</Columns>

 

 

<EditFormSettings UserControlName="UserControl\EditLeaseDetailControl.ascx" EditFormType="WebUserControl"

 

 

FormStyle-BackColor="LightYellow" FormStyle-Width="100%" FormStyle-Height="100%"

 

 

CaptionFormatString="Edit Detail: {0}" CaptionDataField="ID" PopUpSettings-Modal="true">

 

 

<EditColumn UniqueName="EditCommandColumn">

 

 

</EditColumn>

 

 

</EditFormSettings>

 

 

</MasterTableView>

 

 

<HeaderStyle Width="100px" />

 

 

<ClientSettings AllowColumnsReorder="true" ReorderColumnsOnClient="true">

 

 

<Resizing AllowRowResize="True" EnableRealTimeResize="True" ResizeGridOnColumnResize="True"

 

 

AllowColumnResize="True"></Resizing>

 

 

<ClientEvents OnRowDblClick="RowDblClick" OnPopUpShowing="PopUpShowing" />

 

 

<Selecting AllowRowSelect="True" />

 

 

</ClientSettings>

 

</

 

telerik:RadGrid>

 

2B. The popup control

<%

@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

 

<

 

table style="vertical-align: top" border="0" cellspacing="0" cellpadding="0" width="100%">

 

 

<tr style="background-color:LightBlue">

 

 

<td align="right" colspan="3">

 

 

<asp:ImageButton ID="btnUpdate" Text="Update" ImageUrl="~/Images/13Save.gif" runat="server" CommandName="Update" Visible='<%# IIf((TypeOf(Container) is Telerik.Web.UI.GridEditFormInsertItem), false,true) %>'>

 

 

</asp:ImageButton>

 

 

<asp:ImageButton ID="btnInsert" Text="Insert" ImageUrl="~/Images/13Save.gif" runat="server"

 

 

CommandName="PerformInsert" Visible='<%# IIf((TypeOf(Container) is Telerik.Web.UI.GridEditFormInsertItem), true,false) %>'>

 

 

</asp:ImageButton>

 

 

<asp:ImageButton ID="btnDelete" Text="Delete" ImageUrl="~/Images/delete.gif" runat="server" CommandName="Delete"

 

 

Visible='<%# IIf((TypeOf(Container) is Telerik.Web.UI.GridEditFormInsertItem), false,true) %>'>

 

 

</asp:ImageButton>

 

 

&nbsp;

 

 

<asp:ImageButton ID="btnCancel" Text="Cancel" ImageUrl="~/Images/17close.gif" runat="server" CausesValidation="False"

 

 

CommandName="Cancel"></asp:ImageButton>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

<asp:ValidationSummary ID="validationSummary" runat="server" />

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

<table id="Table4" cellspacing="1" cellpadding="1" width="300" border="0">

 

 

<tr>

 

 

<td>

 

 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

 

 

</td>

 

 

<td>

 

 

<asp:Label ID="lblUnit" runat="server" Text="Unit"></asp:Label>

 

 

</td>

 

 

<td>

 

 

<asp:TextBox ID="txtUnit" Text='<%# DataBinder.Eval(Container, "DataItem.Unit") %>'

 

 

runat="server" CausesValidation="True" Width="129px"></asp:TextBox>

 

 

</td>

 

 

<td>

 

 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

 

 

</td>

 

 

<td>

 

 

<nobr><asp:Label ID="lblDateMoveIn" runat="server" Text="Date Move In"></asp:Label></nobr>

 

 

</td>

 

 

<td>

 

 

<telerik:RadDatePicker ID="dpDateMoveIn" runat="server" SelectedDate='<%# IIF(IsDBNull(DataBinder.Eval(Container, "DataItem.DateMoveIn")),DateTime.Now,DataBinder.Eval(Container, "DataItem.DateMoveIn")) %>'>

 

 

</telerik:RadDatePicker>

 

 

</td>

 

 

</tr>

 

 

<tr>

 

 

<td>

 

 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

 

 

</td>

 

 

<td>

 

 

<nobr><asp:Label ID="lblDateMoveOut" runat="server" Text="Actual Out Date"></asp:Label></nobr>

 

 

</td>

 

 

<td>

 

 

<telerik:RadDatePicker ID="dpDateMoveOut" runat="server" SelectedDate='<%# IIF(IsDBNull(DataBinder.Eval(Container, "DataItem.DateMoveOut")),DateTime.Now,DataBinder.Eval(Container, "DataItem.DateMoveOut")) %>'>

 

 

</telerik:RadDatePicker>

 

 

</td>

 

 

<td>

 

 

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

 

 

</td>

 

 

<td>

 

 

<nobr><asp:Label ID="lblRentableArea" runat="server" Text="Rentable Area"></asp:Label></nobr>

 

 

</td>

 

 

<td>

 

 

<telerik:RadNumericTextBox Culture="en-us" Type="Number" DbValue='<%# DataBinder.Eval(Container, "DataItem.UnitsRentablerea")%>'

 

 

ID="txtUnitsRentablerea" runat="server">

 

 

</telerik:RadNumericTextBox>

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

</td>

 

 

<td>

 

 

</td>

 

 

</tr>

 

 

</table>

Thanks,

Hubert

 

[Daniel]

Hello Hubert,

Just for your information:
In my opinion v2.0.50727 is the version of .NET framework.  According to the download history, your version is 2009.1.527 (RadControls for ASP.NET Q1 2009 SP2)

Additionally, I created a sample project based on the code you posted in this thread. Please examine it locally and let me know whether it's working as expected in all scenarios.

Regards,
Daniel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[hubert]

Thanks so much Daniel!  It works great. 

I think I did not set the FormStyle:)

FormStyle-Width

 

="100%" FormStyle-Height="100%"  

 

[hubert]

Actually missed

<PopUpSettings Width="600px" Height="300px" />

[Daniel]

Hello Hubert,

More information about the PopUp edit form is available below:
RadGrid PopUp edit form documentation
GridPopUpSettings class members
RadGrid PopUp edit form online demo

Kind regards,
Daniel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.