Jquery ui and internet explorer PDF Viewer issue

Question

I am displaying a jquery dialog on page load. On my loading page I also happen to have a pdf embedded like so :

 <object width="100%" height="90%">
    <embed src="../../Content/PDF/StockReport.pdf#zoom=80" width="100%" height="100%">
 </object>

However in internet explorer 9 the pdf viewer sits above my dialogue and modal. I am trying to get z-index to fix this but its not working. Does anyone know how to fix this ?

score 5 · Accepted Answer · edited May 23 '17 at 12:09

5

Have you tried to use Google's PDF viewer, as suggested in this post?

<iframe src="http://docs.google.com/viewer?url=http%3A%2F%2Fyourhost.com%2FContent%2FPDF%2FStockReport.pdf%23zoom%3D80&embedded=true" 
  style="width:100%; height:90%;" frameborder="0">
</iframe>

edited May 23 '17 at 12:09

Community

1
1

answered Aug 23 '11 at 07:58

William Niu

15,798
7
53
93

This looks really good. My application relies on some authentication, so could get it to work, but a slick solution for standard PDFs. – Mark Redman Sep 08 '11 at 10:48
The downside is that you have to make public the pdf – David Diez May 26 '16 at 09:38

Jquery ui and internet explorer PDF Viewer issue

1 Answers1