Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: ASP.NET jQuery
Dear All,
I am trying to display a jQuery dialog on top of PDF doc in IFrame. When I click a button in my Form, a jQuery dialog pops up.The problem is that the Popup is open behind the PDF doc. This problem occurs only in IE (9),Safari,Chrome. Firefox displays the elements correctly without any overlapping issue.
 
ragrds
karthik
Posted 25-Feb-13 8:16am
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 2

This is a known bug and the jQuery team won't fix it.
 
I guess they don't consider it an issue because the PDF viewer isn't a web issue:
 
http://bugs.jqueryui.com/ticket/4841[^]
  Permalink  
Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Try setting the z-index of the dialog.
Ex:
$("#myModalDialog").dialog({
    resizable: false,
    height: 'auto',
    autoOpen: false,
    title: "Warning",
    width: 200,
    modal: true,
    zindex: 3999, // Default is 1000
    buttons: {
        'Close': function () {
            //
        }
    }
});
Refer: http://docs.jquery.com/UI/API/1.8/Dialog#option-zIndex[^]
  Permalink  
Comments
karthikeyan.m21 at 26-Feb-13 0:51am
   
Hi Sandeep, i am trying to that way it's not working! after zindex set. the dialog window open behind of PDF..???
Sandeep Mewara at 26-Feb-13 1:05am
   
Use show method and see.
http://docs.jquery.com/UI/API/1.8/Dialog#option-show
karthikeyan.m21 at 26-Feb-13 1:30am
   
sorry Sandeep it's also not working for IE and Safari. Chrome and Firefox work correctly.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



Advertise | Privacy | Mobile
Web04 | 2.8.1411022.1 | Last Updated 23 May 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100