Question
Adept View
NL
Last activity: 3 Jun 2022 4:59 EDT
How to launch the external url in modal dialog
Hi,
As of now, we have a button on click of button we are opening the external URL in new tab using open url in window action.
Now, they want us to open the external URL inside the modal dialog in pega.
For example, we have a button inside the section rule. On click of button we need to open a modal window. Inside the modal window we need to launch the external url.
example: https://confluence.atlassian.com/
Can someone help us how we can achieve this functionality.
Thanks in advance.
Accepted Solution
Updated: 3 Jun 2022 4:59 EDT
UnitedHealth Group Incorporated
IN
@RaghavenderReddyL Use one more style
overflow: hidden;
This will remove the horizontal scroll bar. Also try adjusting the height and width.
UnitedHealth Group Incorporated
IN
- Select Local action on click.
- Refer the flow action with modal dialogue as Target.
- In flow action rule refer a section having HTML code OR refer a HTML rule under UI Type under HTML tab(depricated).
- On HTML section or HTML Rule use below code:
<iframe src="https://confluence.atlassian.com/" style="width:700px;height:350px;"> </iframe> -
RESULT:
Refer below article regarding iframe limitations:
https://collaborate.pega.com/question/how-embed-webpage-pega-section
Adept View
NL
Nice!! but how can we make that entire website to be fit in the modal dialog. i.e we should not see any scroll bars.
Accepted Solution
Updated: 3 Jun 2022 4:59 EDT
UnitedHealth Group Incorporated
IN
@RaghavenderReddyL Use one more style
overflow: hidden;
This will remove the horizontal scroll bar. Also try adjusting the height and width.