popup editmode not working in ie 6

[saravanan k]

Hi,

    i am using radgrid with usercontrol edit form and modal popup edit mode. the popup is not getting displayed properly when i try to run the page in Internet Explorer 6. since the property is modal i cannot do any thing in the page. Kindly guide me incase any settings in the browser need to be changed. it is an important requirement.

Regards,
Saravanan K

[Dimo]

Hi Saravanan,

There are some scenarios in which the popup edit form is not supported - for example if you are using static headers and grouping, the popup edit form will always appear below the modal background in Internet Explorer. A similar problem occurs if you place RadGrid inside a positioned / scrollable container. You will either have to use a non-modal popup edit form or non-popup edit form. Sorry about the inconvenience.

Regards,
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.

[improwise]

Is this problem solved now? Or rather, how to we solve it, as we have similar problems in IE8? The modal popup windows is displayed when the user clicks the Edit button but it seem to be "behind itself" as described above, resulting in the whole page being locked/disabled. This problem only occurs in IE, in FireFox and Chrome it works.

The 2 obvious questions:

1. Why is it only in IE it fails?
2. Why does other sites seem to be able to have modal windows that do work with IE?

Also, how come it seems to work when we have a RadWindow with modal=true but not with the popup form? It is actually also fired from a button in the RadGrid so if that works, why don't the built in popup form work?

[saravanan k]

Hi Patrik,

              In my case the problem was due to improper closing of div tags in the document. Ensure all your tags are closed properly.

Regards,
Saravanan K

[July]

Hi saravanan k !
I couldn't resolve.
Can you post your code?

This is my code.

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="headerPage">
        <asp:Label ID="lblTitle" runat="server"></asp:Label>
    </div>
    <div class="containerSub">
        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"
            Width="100%" Height="110%">
            <telerik:RadGrid ID="RadGrid1" runat="server" OnNeedDataSource="RadGrid1_NeedDataSource"
                AllowPaging="True" AllowSorting="True" OnDeleteCommand="RadGrid1_DeleteCommand"
                OnInsertCommand="RadGrid1_InsertCommand" AllowFilteringByColumn="True" OnUpdateCommand="RadGrid1_UpdateCommand"
                Width="99.8%" PageSize="20" Height="100%" AutoGenerateColumns="False" CellSpacing="0"
                Culture="es-ES" GridLines="None" OnPreRender="RadGrid1_PreRender" OnItemCreated="RadGrid1_ItemCreated">
                <MasterTableView CommandItemDisplay="Top" DataKeyNames="Id" EditMode="PopUp" EnableHeaderContextMenu="true">
                    <Columns>
                        <telerik:GridEditCommandColumn ButtonType="ImageButton" HeaderStyle-Width="3%" />
                        <telerik:GridButtonColumn UniqueName="btnDelete" ConfirmDialogType="RadWindow" ConfirmTitle="Delete"
                            ButtonType="ImageButton" CommandName="Delete" ConfirmDialogHeight="100px" ConfirmDialogWidth="300px"
                            HeaderStyle-Width="3%" />
                        <telerik:GridTemplateColumn DataField="Id" HeaderText="Id" UniqueName="Id" Visible="false">
                            <InsertItemTemplate>
                                <telerik:RadTextBox ID="RadTextBox1" runat="server" Text='<%# Bind("Id") %>' Width="150px"
                                    ReadOnly="true" Enabled="false" />
                            </InsertItemTemplate>
                            <EditItemTemplate>
                                <telerik:RadTextBox ID="RadTextBox1" runat="server" Text='<%# Eval("Id") %>' ReadOnly="true"
                                    Width="150px" />
                            </EditItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn DataField="Name" UniqueName="Name" />
                        <telerik:GridBoundColumn DataField="Description" UniqueName="Description" />
                        <telerik:GridBoundColumn DataField="MandatorySearch" UniqueName="MandatorySearch" />
                    </Columns>
                    <EditFormSettings CaptionDataField="Name" EditFormType="Template" PopUpSettings-Modal="true"
                        PopUpSettings-Height="80%" PopUpSettings-Width="60%">
                        <FormTemplate>
                            <asp:Table ID="Table1" CssClass="EditFormTable" runat="server">
                                <asp:TableRow>
                                    <asp:TableCell ColumnSpan="2">
                                        <asp:Label Visible="false" ID="lblId" Text='<%# Bind("Id") %>' runat="server"></asp:Label></asp:TableCell></asp:TableRow>
                                <asp:TableRow>
                                    <asp:TableCell>
                                        <asp:Label ID="lblName" runat="server"></asp:Label></asp:TableCell>
                                    <asp:TableCell>
                                        <asp:TextBox ID="txtName" MaxLength="250" CssClass="TextBoxPopUp" Text='<%# Bind("Name") %>'
                                            runat="server">
                                        </asp:TextBox><asp:RequiredFieldValidator ID="rfvname" runat="server" ErrorMessage="*"
                                            ControlToValidate="txtName" CssClass="validator"></asp:RequiredFieldValidator>
                                        <asp:CustomValidator ID="cvName" CssClass="validator" OnServerValidate="cvName_ServerValidate"
                                            Display="Dynamic" runat="server" ControlToValidate="txtName"></asp:CustomValidator></asp:TableCell>
                                </asp:TableRow>
                                <asp:TableRow ID="DescriptionRow" runat="server">
                                    <asp:TableCell>
                                        <asp:Label ID="lblDescription" runat="server"></asp:Label></asp:TableCell>
                                    <asp:TableCell>
                                        <asp:TextBox ID="TxtDescription" MaxLength="250" CssClass="TextBoxPopUp" Text='<%# Bind("Description") %>'
                                            runat="server">
                                        </asp:TextBox>
                                    </asp:TableCell>
                                </asp:TableRow>
                                <asp:TableRow ID="MandatorySearchRow" runat="server">
                                    <asp:TableCell>
                                        <asp:Label ID="lblMandatorySearch" runat="server" /></asp:TableCell>
                                    <asp:TableCell>
                                        <div style="width: 100%">
                                            <div style="width: 50%; float: left; border-color: #B8E3FB; border-style: solid;
                                                border-width: 1px;">
                                                <center>
                                                    <asp:Label ID="lblDefineMandatorySearch" CssClass="titleMandatory" runat="server"></asp:Label></center>
                                                <telerik:RadFilter ID="radMandatorySearch" runat="server" ShowApplyButton="true"
                                                    ExpressionPreviewPosition="Bottom">
                                                </telerik:RadFilter>
                                            </div>
                                            <div style="width: 40%; float: left">
                                                <center>
                                                    <asp:Label ID="lblDefinedMandatorySearch" CssClass="titleMandatory" runat="server"></asp:Label></center>
                                                <asp:Label ID="txtMandatorySearch" MaxLength="500" CssClass="TextBoxPopUp" Text='<%# Bind("MandatorySearch") %>'
                                                    runat="server">
                                                </asp:Label></div>
                                        </div>
                                    </asp:TableCell>
                                </asp:TableRow>
                                <asp:TableRow>
                                    <asp:TableCell HorizontalAlign="left">
                                        <asp:Label ID="lblValidationText" CssClass="validator" runat="server" Font-Italic="true"></asp:Label>
                                    </asp:TableCell><asp:TableCell HorizontalAlign="center">
                                        <asp:ImageButton ID="ImageButton1" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
                                            runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'
                                            ImageUrl="~/UI/Images/accept.png" ToolTip="Insert/Update" />
                                        <asp:ImageButton ImageUrl="~/UI/Images/cross.png" ID="ImageButton2" Text="Cancel"
                                            runat="server" CausesValidation="False" ToolTip="Cancel" CommandName="Cancel"
                                            PostBackUrl="~/UI/Admin/Communities.aspx?Type=List"></asp:ImageButton>
                                    </asp:TableCell></asp:TableRow>
                            </asp:Table>
                        </FormTemplate>
                    </EditFormSettings>
                </MasterTableView>
                <ClientSettings>
                    <ClientEvents OnPopUpShowing="PopUpShowing" />
                    <Selecting AllowRowSelect="true" />
                </ClientSettings>
            </telerik:RadGrid>
        </telerik:RadAjaxPanel>
        
        <telerik:RadWindowManager ID="RadWindowManager1" runat="server" />
        <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Width="100%"
            heigth="100%" />
    </div>
</asp:Content>