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

Edit form in edititemtemplate is under boundaries of the control or sometime is not visible.

1 Answer 95 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Imran
Top achievements
Rank 1
Imran asked on 20 Mar 2013, 03:57 PM
I am running into some strange issue with edit form in edititemtemplate of a grid.
Using edit form to insert new records and when the form appears its visible under the boundary of the grid only.
Or it will be under the grid which i will have to scroll to see because right under the grid is another grid.

This was working fine before i applied latest release of AJAX Controls but now the pop ups are hidden behind containers. and controls.


<telerik:RadGrid ID="CurrentSalesRepRadGrid" runat="server" CellSpacing="0" GridLines="None"
                            AllowAutomaticInserts="True" AutoGenerateColumns="False" DataSourceID="SalesRepSQLDS" style="z-index:9000">
                            <MasterTableView CommandItemDisplay="Top" DataSourceID="SalesRepSQLDS" EditMode="PopUp">
                                <CommandItemSettings ExportToPdfText="Export to PDF" AddNewRecordText="Take Over\Assign this Item" />
                                <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column" Visible="True">
                                </RowIndicatorColumn>
                                <ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column" Visible="True">
                                </ExpandCollapseColumn>
                                ...... Clolumns
                                <EditFormSettings EditFormType="Template" PopUpSettings-Width="700px">
                                    <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                                    </EditColumn>
                                    <FormTemplate>
                                        <table border="1" style="width: 458px">
                                            <tr>
                                                <td class="style2">
                                                    Select SalesRep :
                                                </td>
                                                <td>
                                                    <telerik:RadComboBox ID="SalesRepRadComboBox" runat="server" AutoPostBack="True"
                                                        DropDownWidth="700px" EnableItemCaching="True" EnableLoadOnDemand="True" EnableVirtualScrolling="True"
                                                        Height="190px" HighlightTemplatedItems="True" ItemRequestTimeout="500" OnItemsRequested="SalesRepRadComboBox_ItemsRequested"
                                                        OnLoad="SalesRepRadComboBox_Load" Text='<%# Session["userId"] %>' ShowMoreResultsBox="True"
                                                        Width="330px" OnSelectedIndexChanged="SalesRepRadComboBox_SelectedIndexChanged">
                                                        <CollapseAnimation Duration="200" Type="OutQuint" />
                                                        <HeaderTemplate>
                                                            <ul>
                                                                <li class="col0">ID</li>
                                                                <li class="col1">Name</li>
                                                                <li class="col2">e-Mail</li>
                                                                <li class="col3">Company</li>
                                                            </ul>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <ul>
                                                                <li class="col0">
                                                                    <%# DataBinder.Eval(Container.DataItem, "UserId") %></li>
                                                                <li class="col1">
                                                                    <%# DataBinder.Eval(Container.DataItem, "FullName") %></li>
                                                                <li class="col2">
                                                                    <%# DataBinder.Eval(Container.DataItem, "email1") %></li>
                                                                <li class="col3">
                                                                    <%# DataBinder.Eval(Container.DataItem, "Account") %></li>
                                                            </ul>
                                                        </ItemTemplate>
                                                    </telerik:RadComboBox>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="style2">
                                                    Selected As SalesRep :
                                                </td>
                                                <td class="style2">
                                                    <asp:Label ID="SalesRepSelectedLabel" runat="server" OnLoad="SalesRepSelectedLabel_Load"></asp:Label>
                                                    <br />
                                                    <asp:Label ID="SalesRepLabel" runat="server" Text='<%# Bind("userId") %>' OnLoad="SalesRepLabel_Load2"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="style2">
                                                    Notes For Changing Sales Rep
                                                </td>
                                                <td>
                                                    <asp:TextBox ID="SalesRepChangingNotesTextBox" runat="server" Text='<%# Bind("Note") %>'
                                                        Height="51px" TextMode="MultiLine" Width="330px"></asp:TextBox>
                                                </td>
                                            </tr>
                                        </table>
                                        <asp:Button ID="Button1" runat="server" Text="Take over item" Width="100%" CommandName="PerformInsert"
                                            OnClick="Button1_Click2" />
                                        <br />
                                    </FormTemplate>
                                    <PopUpSettings Width="700px" />
                                </EditFormSettings>
                            </MasterTableView>
                            <FilterMenu EnableImageSprites="False">
                            </FilterMenu>
                        </telerik:RadGrid>

1 Answer, 1 is accepted

Sort by
0
Milena
Telerik team
answered on 25 Mar 2013, 10:06 AM
Hello,

Generally speaking, the latest official release of RadControls does not contain any changes related to the default position of pop up edit form of RadGrid. Please navigate to this help topic, where you can find more information about specifying the pop-up form position on the page.

Regards,
Milena
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Grid
Asked by
Imran
Top achievements
Rank 1
Answers by
Milena
Telerik team
Share this question
or