Home ›
ASP.NET Forums » ASP.NET AJAX » ASP.NET AJAX Control Toolkit » Problem with ModalPopupExtender in Firefox

Problem with ModalPopupExtender in Firefox

Last post 05-09-2008 10:44 PM by Jonathan Shen – MSFT. 5 replies.

Sort Posts:

  • Problem with ModalPopupExtender in Firefox

    05-02-2008, 9:15 AM
    • Loading...
    • Niall20
    • Joined on 05-14-2004, 6:56 PM
    • Posts 858

    I am having a problem with the ModalPopupExtender in for Firefox. It works perfectly in IE 6 & 7, Safari etc.

    The issue I have is when the user clicks the Link - modal panel opens but it appears under the text body on the page, only in Firefox. It is ok in all other browsers.

    I have altered the z-index of the pages content and the modal panel but this behaviour continues to occur.

    Has anyone experienced this and any ideas of a possible solution?

    Thanks.
     

  • Re: Problem with ModalPopupExtender in Firefox

    05-02-2008, 12:20 PM
    try this

     

    Replaced
  
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

By
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">.
      

    Santosh kumar



    ["Mark as Answer" on the post that helped you.]
    "In a day when don't come across any problem -you can be sure that you are traveling in wrong path"

  • Re: Problem with ModalPopupExtender in Firefox

    05-02-2008, 1:41 PM
    • Loading...
    • Niall20
    • Joined on 05-14-2004, 6:56 PM
    • Posts 858

    Thanks very much for your assistance. This is the doctype that I am currently using, and it still does not work correctly in firefox.

    Any other ideas? 

  • Re: Problem with ModalPopupExtender in Firefox

    05-09-2008, 5:39 AM

    Hi Niall20,

    As far as I know, these issues are mainly caused by your css setting and DocType.  Below is the css sample. 

           .modalBackground {
             background-color:Gray;
             filter:alpha(opacity=70);
             opacity:0.7;
            }

            .modalPopup {
             background-color:#FFD9D5;
             border-width:3px;
             border-style:solid;
             border-color:Gray;
             padding:3px;
             width:250px;
            }

    If you are using Postion: absolute, we suggest that you'd better remove it and have a test.

    Best regards,

    Jonathan

    Please remember to click “Mark as Answer” on the post that helps you, and to click “Unmark as Answer” if a marked post does not actually answer your question. This can be beneficial to other community members reading the thread.

  • Re: Problem with ModalPopupExtender in Firefox

    05-09-2008, 5:29 PM
    • Loading...
    • Niall20
    • Joined on 05-14-2004, 6:56 PM
    • Posts 858

    Thanks for your help Jonathan but unfortunately your solution did not fix my problem. 

  • Re: Problem with ModalPopupExtender in Firefox

    05-09-2008, 10:44 PM

    Hi Niall20,

    We'd suggest that you'd better compare your code with this sample.  We can remove the controls which are not related directly to your ModalPopupExtender one by one until we find out root cause.  Most of our community members resolved their problems by using these methods.  If your problem persists there, please feel free to let us know with a simple repro.

    Best regards,

    Jonathan

    Please remember to click “Mark as Answer” on the post that helps you, and to click “Unmark as Answer” if a marked post does not actually answer your question. This can be beneficial to other community members reading the thread.
Page 1 of 1 (6 items)
RSS Available

Advertise on ASP.NET

About this Site