Click here to Skip to main content
13,346,966 members (66,341 online)
Rate this:
Please Sign up or sign in to vote.
See more:
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 8: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 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 26-Feb-13 1:05am
Use show method and see.
karthikeyan.m21 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
Top Experts
Last 24hrsThis month

Advertise | Privacy |
Web02 | 2.8.180111.1 | Last Updated 23 May 2013
Copyright © CodeProject, 1999-2018
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