How to launch the external url in modal dialog

User Experience
, , ,
1

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.

2

@RaghavenderReddyL

  1. Select Local action on click.

  2. Refer the flow action with modal dialogue as Target.

    Button Config.png
    Button Config.png642×562 25.9 KB

  3. In flow action rule refer a section having HTML code OR refer a HTML rule under UI Type under HTML tab(depricated).

  4. On HTML section or HTML Rule use below code:

    <iframe src="https://confluence.atlassian.com/" style="width:700px;height:350px;">
</iframe>

  5. RESULT:

    Result.png
    Result.png730×490 15.5 KB

Refer below article regarding iframe limitations:

3

@ManjunathaC

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.

4

@RaghavenderReddyL

Use one more style

overflow: hidden;

This will remove the horizontal scroll bar.

Also try adjusting the height and width.