RedEditor in RadGrid Modal PopUp EditForm issue with full screen mode

2 posts, 1 answers
  1. Suzy
    Suzy avatar
    66 posts
    Member since:
    Nov 2014

    Posted 21 Jan 2015 Link to this post

    I have a RadGrid with an EditForm containing a RadEditor. The EditForm is shown in a popup and is set to modal.  When I press the 'Toggle Full screen' button, the Editor is 'behind' the modal.  So the area is greyed out and you cannot push any button available in the editor.

    Can someone please help me to fix this?

    <telerik:RadGrid ID="grdTicketHistory" runat="server" Width="100%" AutoGenerateColumns="false" Skin="Silk" OnNeedDataSource="grdTicketHistory_NeedDataSource" OnItemDataBound="grdTicketHistory_ItemDataBound" OnPreRender="grdTicketHistory_PreRender"
    OnUpdateCommand="grdTicketHistory_UpdateCommand" OnDeleteCommand="grdTicketHistory_DeleteCommand" OnInsertCommand="grdTicketHistory_InsertCommand">
                                <MasterTableView AllowSorting="true" Width="100%" EditMode="PopUp" AllowPaging="true" PageSize="10" AllowFilteringByColumn="true" DataKeyNames="TicketLogID"
                                    CommandItemDisplay="Top" ShowHeader="false" >
                                    <Columns>
                                        <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" ItemStyle-Width="30px"></telerik:GridEditCommandColumn>
                                        <telerik:GridButtonColumn UniqueName="DeleteCommandColumn" Text="Delete" CommandName="Delete" ButtonType="ImageButton"
                                            ConfirmText="Are you sure you want to delete this record?" ConfirmDialogType="RadWindow" ConfirmTitle="Delete" />
                                    </Columns>
                                    <DetailItemTemplate>
                                        <asp:Table ID="tblDetailItemTemplate" runat="server" Width="100%">
                                            <asp:TableRow>
                                                        <asp:TableRow>
                                                            <asp:TableCell>
                                                                <telerik:RadEditor runat="server" ID="txtLogText" Enabled="false" EditModes="Preview" Height="250px" ></telerik:RadEditor>   
                                                            </asp:TableCell>
                                                        </asp:TableRow>
                                                    </asp:Table>
                                                </asp:TableCell>
                                            </asp:TableRow>
                                        </asp:Table>                                       
                                    </DetailItemTemplate>
                                    <EditFormSettings EditFormType="Template" >
                                        <PopUpSettings Modal="true" Width="1000px" ZIndex="3000" />
                                        <FormTemplate>                                       
                                            <table id="Table2" cellspacing="2" cellpadding="1" width="100%" border="0" rules="none" style="border-collapse: collapse;">
                                                <tr>
                                                                <td colspan="2">
                                                                    <telerik:RadEditor runat="server" ID="txtLogText" TabIndex="10" ToolsFile="~/xml/ToolsFile.xml"  NewLineMode="Br" OnClientLoad="OnClientLoadRadEditor"></telerik:RadEditor>           
                                                                    <asp:CustomValidator id="valLogText" runat="server" ControlToValidate="txtLogText" ErrorMessage="- Text is mandatory" ToolTip="Text is mandatory"> <img src="/cmit/Images/warning.gif" style="border:0" alt=""/></asp:CustomValidator>
                                                                </td>
                                                </tr>
                                                <tr>
                                                    <td align="right" style="white-space:normal" colspan="2">
                                                        <asp:Button ID="btnUpdate" TabIndex="11" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'></asp:Button
                                                        <asp:Button ID="btnCancel" TabIndex="12" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel"></asp:Button>
                                                    </td>
                                                </tr>
                                            </table>
                                             
                                        </FormTemplate>
                                        <EditColumn ButtonType="ImageButton" />
                                    </EditFormSettings>
                                </MasterTableView>
                            </telerik:RadGrid>
                       
        



  2. Answer
    Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 23 Jan 2015 Link to this post

    Hi Suzy,

    The described bug is already logged and you can check if the resolution provided in this feedback portal item works for your case. 

    Regards,
    Ianko
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top