Click here to Skip to main content
11,801,910 members (56,069 online)
Rate this: bad
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.

Posted 25-Feb-13 7:16am
Rate this: bad
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:[^]
Rate this: bad
Please Sign up or sign in to vote.

Solution 1

Try setting the z-index of the dialog.
    resizable: false,
    height: 'auto',
    autoOpen: false,
    title: "Warning",
    width: 200,
    modal: true,
    zindex: 3999, // Default is 1000
    buttons: {
        'Close': function () {
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.
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)

  Print Answers RSS
0 OriginalGriff 445
1 KrunalRohit 301
2 F-ES Sitecore 215
3 CHill60 185
4 Afzaal Ahmad Zeeshan 180
0 OriginalGriff 2,715
1 Maciej Los 1,900
2 KrunalRohit 1,797
3 CPallini 1,550
4 Richard MacCutchan 1,157

Advertise | Privacy | Mobile
Web01 | 2.8.151002.1 | Last Updated 23 May 2013
Copyright © CodeProject, 1999-2015
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