Popup EditForm doesn't popup with two grids on the page

[Angela]

I have a grid that works perfectly where the EditForm Popup comes up fine if that grid is the only one on the page. However, if I have a second grid on the same page, the popup edit form won't come up.

1st grid:

<telerik:RadGrid ID="grid" runat="server" DataSourceID="sql" Skin="Material" RenderMode="Lightweight" Width="100%">
    <ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true">
        <Scrolling AllowScroll="True" UseStaticHeaders="true" />
        <Selecting AllowRowSelect="true"></Selecting>
    </ClientSettings>
    <MasterTableView DataKeyNames="CHP_Specialty" EditMode="PopUp" AllowSorting="true" DataSourceID="sql" PagerStyle-AlwaysVisible="true" AllowPaging="True" ShowHeader="true" AutoGenerateColumns="false" CommandItemDisplay="None" CommandItemSettings-ShowRefreshButton="false" AllowAutomaticUpdates="true" HeaderStyle-VerticalAlign="Bottom" ItemStyle-VerticalAlign="Top" AlternatingItemStyle-VerticalAlign="Top" PageSize="50">
        <ColumnGroups>
            <telerik:GridColumnGroup HeaderText="HEDIS Vendor" Name="HEDIS Vendor" HeaderStyle-HorizontalAlign="Center"></telerik:GridColumnGroup>
        </ColumnGroups>
        <Columns>
            <telerik:GridEditCommandColumn UniqueName="EditCommandColumn" HeaderStyle-Width="60px"></telerik:GridEditCommandColumn>
            <telerik:GridBoundColumn DataField="Row_ID" HeaderText="Row ID" SortExpression="Row_ID" Visible="false"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="CHP_Specialty" HeaderText="CHP Specialty"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="HEDIS_Vendor_Specialty_Description" HeaderText="Map to Specialty" ColumnGroupName="HEDIS Vendor"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="HEDIS_Vendor_Specailty_Code" HeaderText="Sent to Vendor" ColumnGroupName="HEDIS Vendor"></telerik:GridBoundColumn>
        </Columns>
        <EditFormSettings EditFormType="Template" PopUpSettings-Modal="true" CaptionFormatString="Edit Record">
            <FormTemplate>
                <div class="w3-margin-top"></div>
                <div class="w3-container">
                    <div class="w3-margin-top"></div>
                    <div class="w3-row">
                        <telerik:RadLabel Text="CHP Specialty" Font-Bold="True" runat="server"></telerik:RadLabel>
                    </div>
                    <div class="w3-row">
                        <telerik:RadLabel ID="lblSpecialty" Text='<%# Eval("CHP_Specialty") %>' runat="server"></telerik:RadLabel>
                    </div>
                    <div class="w3-margin-top"></div>
                    <div class="w3-row">
                        <telerik:RadLabel Text="Map to HEDIS Vendor Specialty *" Font-Bold="True" runat="server"></telerik:RadLabel>
                    </div>
                    <div class="w3-row">
                        <telerik:RadComboBox ID="listHEDISVendorSpecialties" MaxHeight="300px" Width="100%" runat="server" EmptyMessage=" " DataSourceID="sqlLookup" DataTextField="Lookup_Description" DataValueField="Lookup_ID" Filter="Contains" SelectedValue='<%# Bind("HEDIS_Vendor_Specialty_ID") %>' DropDownAutoWidth="Enabled"></telerik:RadComboBox>
                        <asp:RequiredFieldValidator runat="server" ErrorMessage="required" Display="Dynamic" ControlToValidate="listHEDISVendorSpecialties" ForeColor="Red" />
                    </div>
                </div>    
                <div class="w3-margin-top"></div>
                <div class="w3-center">
                    <telerik:RadPushButton runat="server" Text="Update" CommandName="Update" CausesValidation="true" Primary="true"></telerik:RadPushButton>
                    <telerik:RadPushButton runat="server" Text="Cancel" CommandName="Cancel" CausesValidation="true" Primary="true"></telerik:RadPushButton>
                </div>
            </FormTemplate>
        </EditFormSettings>
    </MasterTableView>
    <HeaderStyle VerticalAlign="Bottom" HorizontalAlign="Center" />
    <ItemStyle VerticalAlign="Top" />
    <AlternatingItemStyle VerticalAlign="Top" />
</telerik:RadGrid>

2nd grid:

<telerik:RadGrid ID="gridDetails" runat="server" DataSourceID="sqlDetails" Skin="Material" RenderMode="Lightweight" Width="98%" CssClass="w3-right">
    <ClientSettings>
        <Scrolling AllowScroll="True" UseStaticHeaders="true" />
    </ClientSettings>
    <MasterTableView DataKeyNames="CHP_Specialty" AllowSorting="true" DataSourceID="sqlDetails" PagerStyle-AlwaysVisible="true" AllowPaging="True" ShowHeader="true" AutoGenerateColumns="false" CommandItemDisplay="None" CommandItemSettings-ShowRefreshButton="false" AllowAutomaticUpdates="false" HeaderStyle-VerticalAlign="Bottom" ItemStyle-VerticalAlign="Top" AlternatingItemStyle-VerticalAlign="Top" PageSize="50">
        <Columns>
            <telerik:GridBoundColumn DataField="CHP_Specialty" Visible="false"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Provider_ID" HeaderText="Provider ID"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Practitioner_Name" HeaderText="Provider Name"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Credentials" HeaderText="Credentials"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="NPI" HeaderText="NPI"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Street_Address" HeaderText="Street Address"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="City" HeaderText="City"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Blue_Card" HeaderText="Blue Card"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Is_PCP" HeaderText="PCP"></telerik:GridBoundColumn>
            <telerik:GridBoundColumn DataField="Is_Primary" HeaderText="Primary?"></telerik:GridBoundColumn>
        </Columns>
    </MasterTableView>
    <HeaderStyle VerticalAlign="Bottom" HorizontalAlign="Center" />
    <ItemStyle VerticalAlign="Top" />
    <AlternatingItemStyle VerticalAlign="Top" />
</telerik:RadGrid>

SQLDatasources:

<asp:SqlDataSource ID="sql" runat="server" 
    ConnectionString="<%$ ConnectionStrings:csAIM %>"
    SelectCommand="usp_HEDIS_Maint_Provider_Specialty_XREF" SelectCommandType="StoredProcedure" 
    UpdateCommand="usp_HEDIS_Maint_Provider_Specialty_XREF" UpdateCommandType="StoredProcedure">
    <SelectParameters>
        <asp:Parameter Name="Action" DefaultValue="Select" />
    </SelectParameters>
    <UpdateParameters>
        <asp:Parameter Name="Action" DefaultValue="Update" />
        <asp:Parameter Name="Row_ID" Type="Int32" />
        <asp:Parameter Name="HEDIS_Vendor_Specialty_ID" Type="Int32" />
        <asp:Parameter Name="Comment" Type="String" />
        <asp:SessionParameter Name="User_Name" SessionField="UserID" />
    </UpdateParameters>
</asp:SqlDataSource>

<asp:SqlDataSource ID="sqlDetails" runat="server" 
    ConnectionString="<%$ ConnectionStrings:csAIM %>"
    SelectCommand="usp_HEDIS_Maint_Providers_by_Specialty" SelectCommandType="StoredProcedure">
    <SelectParameters>
        <asp:ControlParameter ControlID="grid" Name="CHP_Specialty" PropertyName="SelectedValue" Type="String"></asp:ControlParameter>
    </SelectParameters>
</asp:SqlDataSource>

[Doncho]

Hi Angela,

Thank you for the provided information!

Unfortunately, I was not able to replicate the described issue on my side.

The problem might be a result of a JavaScript error on the page. 

Please make sure there are no JavaScript errors on the Browser's Console - Troubleshooting JavaScript errors.

In case Ajax is enabled on the page, I would also suggest disabling it temporarily and testing the page that way to see if any errors will come up. Refer to Get more descriptive errors by disabling AJAX.

If this is not helpful, we would need some more details about the current scenario in order to be able to provide you with more accurate assistance.

It would be very helpful if you capture the problem with the Fiddler Jam tool and share the log with us. You can start capturing by using the link below:

• Predefined Link to start a capture

Find more information on what Fiddler Jam is and how to use it to capture issues in the following article: Capture network logs & log issues with Fiddler Jam in ASP.NET Web Forms.

Looking forward to your feedback.

Kind regards,
Doncho
Progress Telerik