Question
Capgemini Deutschland GmbH
DE
Last activity: 22 Feb 2017 6:02 EST
Modal Dialog with PDF forces iPhone to refresh page
Hello,
can anyone help me please with this scenario.
I have a screenflow and when I move to another screen, some activities will be executed to generate and list PDF documents on that page. This works fine. Now the user has to do the following steps
1. User presses a button that opens a new modal dialog. This modal dialog contains two action buttons and a cancel button.
2. When clicking on action button 1 a script downloads a PDF document and performs a data transform to acitvate action button 2.
3. This download works fine on browsers and ANDROID devices. The modal dialog is kept open and action button is activated.
HOWEVER:
When using iOS devices, the PDF document will automatically opened in a predefined APP, e.g. iBooks. As soon as the user wants to leave this app, he will be asked to submit the form again. When submitting the whole screenflow page will be reloaded and the user has to press the initial button again to open the modal dialog again.
My questions are:
(1) Is there any trick to prevent a submit in iOS?
(2) If submitting cannot be avoided, how can I guarentee, that the user will stay on that modal dialog?
Thank you for your hints.
Best regards
Björn
Accepted Solution
Capgemini Deutschland GmbH
DE
Thank you everyone for your help. We redesigned the flow here so that all Apple Devices will be directed to an alternate stage. Nevertheless I like to answer your questions - may be it will help you and others.
@ Mounika - The download on the modal dialog will be executed by JS with this statement
<script>
function downloadPDF()
{
pega.ui.HarnessActions.doAttachmentSingleClick('<p:r n=".pxListSubscript" />','<p:r n=".pxObjClass" />', '<p:r n=".pxInsName" />', '<p:r n=".pzInsKey" />', null, null, '<p:r n=".pxLinkedRefTo" />');
return;
}
</script>
@ PRITJ
ad 1) The form is modal-overlay - this is the first entry after the FORM info. I can't see any other forms when using F12 button here
ad 2) Unfortunately we haven't designed on Apple desktop devices, thus I do not know the answer.
For the script see above.
Best regards
Björn
Pegasystems Inc.
IN
Hello,
Regarding "2. When clicking on action button 1 a script downloads a PDF document", please provide more details regarding the script you are using ? What API's are using ? OOTB ? or custom..
Best Regards,
Mounika
Pegasystems Inc.
GB
Hi Björn,
I have a few questions here:
1. Do we know what form the message relates to here ? Presumably something about the Modal Dialogue and/or the 'Action Set' is generating a HTML form ? (If you do a view source or F12 on a Desktop browser - can we confirm which Form is being referred to here ?).
2. From your screenshot; it looks like you are pressing a 'back' button here; so at the point when the screen shows the 'Open iBooks' screen; is this Safari showing us the equivalent of the (desktop) 'Download Screen' do you know ?
How are you displaying the PDF by the way - are you using the 'Code-Pega-PDF.View' Activity or a Java Step ?
(If a Java Step are you using the 'sendFile' API - and if so - what flags have you set?).
Just for interest : I tried an App which display PDFs ('inline') which I put together for this question: https://collaborate.pega.com/question/how-display-pdf-sectioninvoice on an iphone - and this doesn't show the issue. *BUT* in this case I'm not flagging the attachment with a 'disposition of attachment'.
Accepted Solution
Capgemini Deutschland GmbH
DE
Thank you everyone for your help. We redesigned the flow here so that all Apple Devices will be directed to an alternate stage. Nevertheless I like to answer your questions - may be it will help you and others.
@ Mounika - The download on the modal dialog will be executed by JS with this statement
<script>
function downloadPDF()
{
pega.ui.HarnessActions.doAttachmentSingleClick('<p:r n=".pxListSubscript" />','<p:r n=".pxObjClass" />', '<p:r n=".pxInsName" />', '<p:r n=".pzInsKey" />', null, null, '<p:r n=".pxLinkedRefTo" />');
return;
}
</script>
@ PRITJ
ad 1) The form is modal-overlay - this is the first entry after the FORM info. I can't see any other forms when using F12 button here
ad 2) Unfortunately we haven't designed on Apple desktop devices, thus I do not know the answer.
For the script see above.
Best regards
Björn
Pegasystems Inc.
GB
Hi Björn , Glad you figured out a solution here - thanks for feeding back the information to the forum - as you say - this might help somebody else with a similar issue in the future.
Thanks !
John