Radspell Dialog hidden behind modalpopup

4 posts, 0 answers
  1. albert goodman
    albert goodman avatar
    4 posts
    Member since:
    Feb 2008

    Posted 20 May 2009 Link to this post

    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
  2. albert goodman
    albert goodman avatar
    4 posts
    Member since:
    Feb 2008

    Posted 20 May 2009 Link to this post

    <%@ 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> 
     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. albert goodman
    albert goodman avatar
    4 posts
    Member since:
    Feb 2008

    Posted 20 May 2009 Link to this post

     
    Partial Class Default2  
        Inherits System.Web.UI.Page  
     
        Protected Sub Button1_Click(ByVal sender As ObjectByVal e As System.EventArgs) Handles Button1.Click  
            PopModalEditExtender.Show()  
        End Sub 
    End Class 
     
  5. albert goodman
    albert goodman avatar
    4 posts
    Member since:
    Feb 2008

    Posted 21 May 2009 Link to this post

    Of course, only after posting the question did I find the correct solution in another post.

    This seems to work in the stylesheet:

     

    .radwindow.radwindow_Default.normalwindow.transparentwindow  
    {  
     z-index:13000 !important;  
    }  
     

     

     

     

     

Back to Top