Model pop up hides below pdf document
We are using Pega 7.1.8 for our development. In one of the portal of our application, we are displaying a pdf document ( using a web service ) in one of the section. No issues for this.
As per our business requirement, when the user click on a link in the portal, a model dialog pop up ( Loan Search) should open in the portal , but it is opening below the pdf document.
How we can display the pop up above the pdf? Any help appreciated.
Hello Lio,
On a previous customer SR, we dealt with the exact problem that you are reporting to us here.
How are you displaying your PDF file within this section - are you using an iframe?
Below was the explanation given when the issue was previously reported -
"This is not an PRPC issue. The problem is that by referencing the PDF file directly in the iframe in the section, the browser (and the Adobe plugin) which is responsible for displaying the PDF file, is something that we(Pega) don't have control over as it exists outside the web page. It evidently doesn't obey the z-index. You can also try out the same with a simple HTML with iframe with src to open PDF and other frame/div which has overlay, the overlay will always displays under the pdf."
Thank you,
Sunny
Bank ofAmerica
US
Thank you Santosh for responding to my question.
Yes , we are displaying the pdf inside an iframe. We are getting the pdf using a web service . What are the other alternatives for bringing the dialog up?
I tried using EXTjs library( JavaScript) in HTML , and I could able to display the POPUP over the PDF.Is some thing we can do it in pega? How do we include EXTJS libraries in Pega?
Attaching the screen shots.
Pegasystems Inc.
US
Hey Vinay, I will send you an email with reference to the existing SR with reproduction details?
Thanks,
Sunny
Blue Rose Technologies GmbH
DE
Hi Sunny and Lio,
I tried loading the pdf in a iframe and opened the modal via launch local action (in Pega 7.2). It actually worked perfectly well, as a matter of fact the modal dialog appeared above the iframe (PFB screen shot). This is because Pega's modal dialog is positioned fixed hence it will not even particitpate in the document flow and overlap other elements.
