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

Radspell Dialog hidden behind modalpopup

3 Answers 126 Views

Spell

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

albert goodman asked on 21 May 2009, 03:44 AM

Hello,

I've got an AJAX page with a modalpopupextender. The modal popup contains a text box and a link so that the user can spellcheck the text that they enter into the popup window.

The modal popup opens fine and displays the text to be edited. The user can click on the "Spell Check" link and the spell check dialog will open, but the dialog is BEHIND the modal popup. Please let me know how to force the spell check dialog to appear in front of the modal popup. Thanks!

I will post sample page...
- page runs and displays just a button.
- click the button, and the modal popup window appears
- click the 'spell check' button. The spell check dialog is behind the modal popup -- you can close the modal popup and the spell check dialog becomes visable.

I've looked at several other posts talking about z-index but can't find anything that solves this.

Thanks again

3 Answers, 1 is accepted

answered on 21 May 2009, 03:46 AM

    
            <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %> 
        
            <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxtoolkit" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title></title>  
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <div> 
        
                    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
                </div> 
        
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">  
        
                    <ContentTemplate> 
        
                        <asp:Panel ID="pnlEdit" runat="server" Style="display: none" Width="750px" Height="380px">  
        
                            <div> 
        
                                <br /> 
        
                                <asp:TextBox ID="TextBox1" runat="server" Height="51px" Width="212px">Spell checkk thisx text</asp:TextBox> 
        
                                <br /> 
        
                                <br /> 
        
                                <telerik:RadSpell ID="RadSpell1" runat="server" ControlToCheck="TextBox1" SupportedLanguages="en-US,English" 
        
                                    DictionaryPath="~/App_Data/RadSpell/" /> 
        
                                <br /> 
        
                                <asp:Button ID="btnPopEditOK" runat="server" Text="OK" /> 
        
                                <asp:Button ID="btnPopEditCancel" runat="server" Text="Cancel" /> 
        
                            </div> 
        
                        </asp:Panel> 
        
                        <ajaxtoolkit:modalpopupextender id="PopModalEditExtender" runat="server" behaviorid="popupEdit" 
        
                            targetcontrolid="btnPopupEdit" popupcontrolid="pnlEdit" backgroundcssclass="modalBackground" 
        
                            dropshadow="true" okcontrolid="btnPopEditOK" cancelcontrolid="btnPopEditCancel" /> 
        
                        <asp:Button runat="server" ID="btnPopupEdit" Style="display: none" /> 
        
                    </ContentTemplate> 
        
                </asp:UpdatePanel> 
        
                <br /> 
        
                <asp:Button ID="Button1" runat="server" Text="Click to Edit" /> 
        
                </form> 
        
            </body> 
        
            </html>

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Radspell Dialog hidden behind modalpopup

3 Answers, 1 is accepted