1.  The popup is not coming below the modal background and the page is unusable.

In Mozilla Firefox 3.5.2,

1.  The popup for edit mode works fine while using only the buttons with commandnames. (1 edit commandname button and 1 cancel commandname button). But when i close the popup using the close button in the top, and try to click the edit or Add buttons of the grid the popup is not appearing again.
2. The popup for insert mode is even worser, it appears only for the first time, validations are working, but the insert commanname button and the cancel commandname buttons are not working.

I didnt tried in safari and other browsers. Please help me since it is an important requirement to make the application to be compatible with all these browsers.

Find below the code in item_command handler.

Find below the code of grid.

div>

<telerik:RadGrid

ID="RadGrid1"

runat="server"

AllowSorting="True"

AutoGenerateColumns="False"

AllowFilteringByColumn="True"

ShowFooter="True"

ShowGroupPanel="false"

Width="960px"

BorderColor="#999999"

BorderWidth="1px"

GridLines="None"

AllowPaging="true"

PageSize="20"

Height="800px"

onneeddatasource="RadGrid1_NeedDataSource"

onitemdatabound="RadGrid1_ItemDataBound"

onitemcommand="RadGrid1_ItemCommand"

Skin="Outlook"

>

<FooterStyle BorderStyle="None" />

<MasterTableView EditMode="PopUp" ShowGroupFooter="true" DataKeyNames="Student_id" HierarchyDefaultExpanded="true"

CommandItemDisplay="TopAndBottom" >

<NoRecordsTemplate>

<div style="padding: 10px; font-weight: bold; font-size: 14px; color: #ff0000; text-align: center">There are no Students available</div>

</NoRecordsTemplate>

<Columns>

<telerik:GridEditCommandColumn>

<HeaderStyle Width="50px" />

</telerik:GridEditCommandColumn>

<telerik:GridBoundColumn

DataField="Student_id"

HeaderText="Student ID"

UniqueName="Student_id"

SortExpression="Student_id"

AutoPostBackOnFilter="true"

CurrentFilterFunction="StartsWith"

ShowFilterIcon="false">

<HeaderStyle Width="100px"/>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn

HeaderText="Name"

UniqueName="Name"

DataField="name"

SortExpression="Name"

AutoPostBackOnFilter="true"

CurrentFilterFunction="StartsWith"

ShowFilterIcon="false">

<HeaderStyle Width="200px"/>

</telerik:GridBoundColumn>

<telerik:GridBoundColumn

HeaderText="Size"

DataField="size"

UniqueName="size"

SortExpression="size"

AutoPostBackOnFilter="true"

CurrentFilterFunction="StartsWith"

ShowFilterIcon="false">

<HeaderStyle Width="100px"/>

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings

EditFormType="Template"

InsertCaption="Add new Item"

CaptionFormatString="Edit Student_id:{0}"

CaptionDataField="Student_id"

FormStyle-Height="700px"

FormStyle-Width="700px"

PopUpSettings-Modal="true"

>

<

EditColumn UniqueName="EditCommandColumn1"></EditColumn>

<

FormStyle Height="700px" Width="700px"></FormStyle>

<FormTemplate>

<table id="Table2" cellspacing="1" cellpadding="1" width="400" border="0">

<tr>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

</td>

<td>

<asp:Label ID="StudentIDLabel" Text='<%# Bind("Student_id") %>' runat="server" Width="200px">

</asp:Label>

</td>

</tr>

<tr>

<td>

</td>

<td>

<asp:TextBox ID="StudentNameTextBox" runat="server" Text='<%#Bind("name") %>' Width="200px">

</asp:TextBox>

</td>

</tr>

<tr>

<td>Size:</td>

<td>

<asp:TextBox ID="StudentSizeTB" runat="server" Text='<%#Bind("size") %>' Width="200px">

</asp:TextBox>

</td>

</tr>

<tr>

<td>Joining Date:</td>

<td>

<telerik:RadDatePicker ID="studentJoiningDate" runat="server" Width="200px">

</telerik:RadDatePicker>

</td>

</tr>

</table>

<table style="width: 100%">

<tr>

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

<asp:Button ID="Button3" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>

</asp:Button>&nbsp;

<asp:Button ID="Button4" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel">

</asp:Button>

</td>

</tr>

</table>

</FormTemplate>

<PopUpSettings Modal="True"></PopUpSettings>

</EditFormSettings>

</MasterTableView>

<ClientSettings AllowColumnsReorder="True" AllowDragToGroup="True">

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

<ClientEvents/>

</ClientSettings>

<FilterMenu BorderStyle="None"></FilterMenu>

</telerik:RadGrid>

</div>