This is a migrated thread and some comments may be shown as answers.

User Control not showing up in PopUp

5 Answers 341 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Julian
Top achievements
Rank 1
Julian asked on 18 Jun 2014, 07:47 PM
I have the following RadGrid.

<telerik:RadGrid ID="RadGrid1" runat="server" AllowAutomaticDeletes="True" Width="990"
                             AllowFilteringByColumn="true" AllowSorting="True" AllowPaging="True" PageSize="15" 
                             AllowAutomaticInserts="True" AllowAutomaticUpdates="True"
                             DataSourceID="edsAutomationTests" Skin="Web20" AutoGenerateDeleteColumn="True"
                             AutoGenerateEditColumn="False" AutoGenerateColumns="False">
                <MasterTableView AutoGenerateColumns="False" CommandItemDisplay="Top" ShowFooter="false"
                                 DataKeyNames="ID" DataSourceID="edsAutomationTests" EditMode="PopUp">
                    <EditFormSettings>
                        <PopUpSettings Modal="true" />
                    </EditFormSettings>


If I do nothing other than this the edit click does work as the edit form is displayed in a pop up.

However, if I add the following code to the project:

The edit column:
 
<telerik:GridEditCommandColumn UniqueName="EditCommandColumn" ButtonType="LinkButton"  HeaderStyle-Width="60px" ></telerik:GridEditCommandColumn><br>

and now edit form settings designating the user control for the popup:

 </Columns><br>             <EditFormSettings UserControlName="AutomationTestsEditForm.ascx" EditFormType="WebUserControl" ><br>                     <EditColumn UniqueName="EditCommandColumn"></EditColumn><br>             </EditFormSettings><br></MasterTableView>

Now i have my usercontrol showing inline in the page when I click the edit link. So it does not display in a popup. Also I'm getting all kinds of garbage on my user control. Edit links and delete links. As if the user control was simply inserted inline in code and it totally messed up the format of the grid on the page.

Hopefully someone can see why my control is not showing up in a popup.

Thanks,

5 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 20 Jun 2014, 05:20 AM
Hi Julian,

I was not able to replicate such an issue at my end, please try to reproduce the issue with this demo on Edit Form Types. If this doesn't help, provide your full code snippet.

Thanks,
Princy
0
Julian
Top achievements
Rank 1
answered on 20 Jun 2014, 02:19 PM
That is the demo I used as a reference. If I cannot find the problem I will update this post with more code.

Thanks,
0
Julian
Top achievements
Rank 1
answered on 20 Jun 2014, 02:48 PM
I still cannot seem to get it to work. This is the entire code for the page in question.

<%@ Page Title="Automation Tests" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="AutomationTests.aspx.cs" Inherits="CMWeb.AutomationTests" %>
 
<asp:Content ID="Content1" ContentPlaceHolderID="header" runat="server">
    <div class="divSpacer"></div>
    <div class="pageHeader">
        <b>Automation Tests</b>
    </div>
    <div class="divSpacer"></div>
 
</asp:Content>
 
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
 
    <div class="content">
        <asp:EntityDataSource ID="edsAutomationTests" runat="server"
                              ConnectionString="name=AutomationEntities"
                              DefaultContainerName="AutomationEntities" EnableDelete="True"
                              EnableFlattening="False" EnableInsert="True" EnableUpdate="True"
                              EntitySetName="AutomationTests" EntityTypeFilter="AutomationTest">
        </asp:EntityDataSource>
        <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server">
            <telerik:RadGrid ID="RadGrid1" runat="server" AllowAutomaticDeletes="True" Width="990"
                             AllowFilteringByColumn="true" AllowSorting="True" AllowPaging="True" PageSize="15" 
                             AllowAutomaticInserts="True" AllowAutomaticUpdates="True"
                             DataSourceID="edsAutomationTests" Skin="Web20" AutoGenerateDeleteColumn="True"
                             AutoGenerateEditColumn="False" AutoGenerateColumns="False">
                <MasterTableView AutoGenerateColumns="False" CommandItemDisplay="Top" ShowFooter="false" RowIndicatorColumn-Display="false"
                                 DataKeyNames="ID" DataSourceID="edsAutomationTests" EditMode="PopUp">
                    <EditFormSettings>
                        <PopUpSettings Modal="true" />
                    </EditFormSettings>
                    <CommandItemSettings ExportToPdfText="Export to Pdf" />
                    <RowIndicatorColumn>
                        <HeaderStyle Width="20px"></HeaderStyle>
                    </RowIndicatorColumn>
                    <ExpandCollapseColumn>
                        <HeaderStyle Width="20px"></HeaderStyle>
                    </ExpandCollapseColumn>
                    <Columns>
                        <telerik:GridEditCommandColumn UniqueName="EditCommandColumn" ButtonType="LinkButton"  HeaderStyle-Width="60px" ></telerik:GridEditCommandColumn>
                        <telerik:GridBoundColumn DataField="ID" DataType="System.Int32" HeaderText="ID" visible="false"
                                                 ReadOnly="True" SortExpression="ID"  HeaderStyle-Width="120px" UniqueName="ID">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="ProductID" DataType="System.Int32"
                                                 HeaderText="ProductID" SortExpression="ProductID"  HeaderStyle-Width="120px" UniqueName="ProductID">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="ReleaseID" DataType="System.Int32" visible="false"
                                                 HeaderText="ReleaseID" SortExpression="ReleaseID"  HeaderStyle-Width="120px" UniqueName="ReleaseID">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="PriorityID" DataType="System.Int32"
                                                 HeaderText="PriorityID" SortExpression="PriorityID"  HeaderStyle-Width="120px" UniqueName="PriorityID">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="GroupID" DataType="System.Int32"
                                                 HeaderText="GroupID" SortExpression="GroupID"  HeaderStyle-Width="120px" UniqueName="GroupID">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="SequenceID" DataType="System.Int32"
                                                 HeaderText="SequenceID" SortExpression="SequenceID" HeaderStyle-Width="120px" UniqueName="SequenceID">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Notification" HeaderText="Notification"
                                                 SortExpression="Notification" HeaderStyle-Width="120px" UniqueName="Notification">
                        </telerik:GridBoundColumn>
                        <telerik:GridCheckBoxColumn DataField="AutoRecover" DataType="System.Boolean"
                                                    HeaderText="AutoRecover" SortExpression="AutoRecover" HeaderStyle-Width="120px" UniqueName="AutoRecover">
                        </telerik:GridCheckBoxColumn>
                        <telerik:GridBoundColumn DataField="AutID" DataType="System.Int32"
                                                 HeaderText="AutID" SortExpression="AutID" HeaderStyle-Width="120px" UniqueName="AutID">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="DisplayName" HeaderText="DisplayName"
                                                 SortExpression="DisplayName" HeaderStyle-Width="240px" UniqueName="DisplayName">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="TestString" HeaderText="TestString" visible="false"
                                                 SortExpression="TestString" HeaderStyle-Width="120px" UniqueName="TestString">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="TestID" DataType="System.Int32"
                                                 HeaderText="TestID" SortExpression="TestID" HeaderStyle-Width="120px" UniqueName="TestID">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="TestSet" HeaderText="TestSet"
                                                 SortExpression="TestSet" HeaderStyle-Width="120px" UniqueName="TestSet">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="DefaultOS" HeaderText="DefaultOS"
                                                 SortExpression="DefaultOS" HeaderStyle-Width="120px" UniqueName="DefaultOS">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="IsActive" DataType="System.Int32"
                                                 HeaderText="IsActive" SortExpression="IsActive" HeaderStyle-Width="120px" UniqueName="IsActive">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="PreTestString" HeaderText="PreTestString"
                                                 SortExpression="PreTestString" HeaderStyle-Width="300px" UniqueName="PreTestString">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="PostTestString" HeaderText="PostTestString"
                                                 SortExpression="PostTestString" HeaderStyle-Width="120px" UniqueName="PostTestString">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="ClientName" HeaderText="ClientName"
                                                 SortExpression="ClientName" HeaderStyle-Width="120px" UniqueName="ClientName">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="ClientDescription"
                                                 HeaderText="ClientDescription" SortExpression="ClientDescription" HeaderStyle-Width="120px"
                                                 UniqueName="ClientDescription">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="ReleaseMajor" DataType="System.Int32"
                                                 HeaderText="ReleaseMajor" SortExpression="ReleaseMajor" HeaderStyle-Width="120px"
                                                 UniqueName="ReleaseMajor">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="ReleaseRelease" DataType="System.Int32"
                                                 HeaderText="ReleaseRelease" SortExpression="ReleaseRelease" HeaderStyle-Width="120px"
                                                 UniqueName="ReleaseRelease">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="ReleaseMinor" DataType="System.Int32"
                                                 HeaderText="ReleaseMinor" SortExpression="ReleaseMinor" HeaderStyle-Width="120px"
                                                 UniqueName="ReleaseMinor">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Notes" HeaderText="Notes"
                                                 SortExpression="Notes" HeaderStyle-Width="300px" UniqueName="Notes">
                        </telerik:GridBoundColumn>
                    </Columns>
                        <EditFormSettings UserControlName="AutomationTestsEditForm.ascx" EditFormType="WebUserControl" >
                             <EditColumn UniqueName="EditCommandColumn"></EditColumn>
                        </EditFormSettings>
                </MasterTableView>
                <ClientSettings AllowColumnsReorder="true" ReorderColumnsOnClient="true">
                    <Resizing AllowColumnResize="true" AllowRowResize="true" EnableRealTimeResize="true" ResizeGridOnColumnResize="true" />
                    <Scrolling AllowScroll="true" FrozenColumnsCount="0" EnableVirtualScrollPaging="false" ScrollHeight="" UseStaticHeaders="true" SaveScrollPosition="true" />
                </ClientSettings>
            </telerik:RadGrid>
        </telerik:RadAjaxPanel>
    </div>
</asp:Content>

Here is the User control code:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="AutomationTestsEditForm.ascx.cs" Inherits="CMWeb.Controls.AutomationTestsEditForm" %>
 
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
 
<table id="AutoTestsTable" >
    <tr>
        <td>Automated Test(s)</td>
    </tr>
    <tr>
        <td>
            <table>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>
                        PriorityID:
                    </td>
                    <td>
                        <asp:TextBox ID="textboxPriority" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.PriorityID") %>'></asp:TextBox>
                    </td>
                     
                </tr>
                <tr>
                    <td>GroupID:</td>
                    <td>
                        <asp:TextBox ID="textboxGroupID" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.GroupID") %>'></asp:TextBox>
                    </td>
 
                </tr>
                <tr>
                    <td>SequenceID:</td>
                    <td>
                        <asp:TextBox ID="textbox1" runat="server" Text='<%# DataBinder.Eval(Container, "DataItem.SequenceID") %>'></asp:TextBox>
                    </td>
 
                </tr>
 
 
 
 
            </table>
        </td>
    </tr>
</table>

I've tried stripping out properties of various tags to see if a specific property is causing the problem. In my experience with your controls it usually comes down to this. So far no luck. Hopefully this will help you to identify the problem. I am using master pages but I doubt that would cause a problem. Again if I don't point to a user control and state that the edit mode is popup everything works as expected. Once I add the snippet in my original post to display my user control in the popup I run into issues.

Thanks,
0
Accepted
Princy
Top achievements
Rank 2
answered on 21 Jun 2014, 05:24 AM
Hi Julian,

Your code works fine at my end. Unfortunately I'm not able to replicate this issue at my end.

Thanks,
Princy
0
Julian
Top achievements
Rank 1
answered on 23 Jun 2014, 02:09 PM
Princy,

I tried to respond to this friday but my phone was being a pain. I am sorry that you wasted time on this as it turned out to be a version issue. Once I updated to the 2014.2.618.45 version of the controls everything worked perfectly.

In the future I will ensure my controls are always up to date.

Thank you!
Tags
Grid
Asked by
Julian
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Julian
Top achievements
Rank 1
Share this question
or