Open external page in popup

Hello, i have a link to a page, but i don´t want to redirect to a external URL, because it will open the page in another window. I need to open that page in a popup, i tried this https://www.outsystems.com/forums/discussion/26873/force-a-webpage-to-open-in-pop-up/ , but there is no popup editor that accepts URL now. (i am building in reactive web). Is there anyway to make a block load a external page and place that block inside of the popup? Or any other way to achieve this?

Appreciate all the help i can get :)

Hi Richardo,

In the Reactive application instead of creating a popup page, you have to create a popup block. Then drag and drop the popup block into the popup. This way you can popup elements from another block as best practice. Attached OML FYR.

Else you can use an HTML tag to display another page into the popup. Drag and drop HTML Element into popup and configure propertied mentioned below. For this, you don't need any forge components.

Good luck!!

Thanks, Aadhavan S

Samplev81.oml

Hi, i tried using blocks, but the problem is to place the external page inside of the block. 

The iframe worked, but the content was blocked.. But it was the solution for my problem, thanks! :D

Hey there

You can use an iframe inside of a popup

https://www.outsystems.com/forge/component-overview/9106/hi-iframe

And with that iframe, you can pass an URL that will guide you to the screen you want inside of the popup, the external page.



https://marcio-carvalho4.outsystemscloud.com/iframurlpopup/popupIframUrl?_ts=637661882579322015

Kind Regards,

Márcio

iframurlpopup.oml

I cannot install Hi Iframe in my environment, is there any other workaround?

That is just an example, you can take from there the implementation, in this case. you just need the HTML element with the tag iframe and with the attributes you want.

Like this:


Hi Richard,

As mentioned by Marcio, you can use raw HTML tags to implement iframe. You can refer to my answer in this post if required.

Thanks, Aadhavan S

Hi Richardo,

In the Reactive application instead of creating a popup page, you have to create a popup block. Then drag and drop the popup block into the popup. This way you can popup elements from another block as best practice. Attached OML FYR.

Else you can use an HTML tag to display another page into the popup. Drag and drop HTML Element into popup and configure propertied mentioned below. For this, you don't need any forge components.

Good luck!!

Thanks, Aadhavan S

Samplev81.oml

Hi, i tried using blocks, but the problem is to place the external page inside of the block. 

The iframe worked, but the content was blocked.. But it was the solution for my problem, thanks! :D

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.