1334
Views
3
Comments
Using outsystems reactive webapp in iframe
Question
Application Type
Reactive
Service Studio Version
11.11.14 (Build 48084)

We are trying to embed the app developed in Outsystems as an iFrame in another web application. We need to pass a token (authentication) to the iFrame and during and/or at the end of the flow return data to the application that ships the iFrame.

We currently implement this functionality in our widgets using the windows.postmessage event to pass parameters and window.addEventListener to receive the data.

How do we use this with Outsystems?

Thanks.

Juliano.

2021-09-21 09-26-31
Aadhavan Shanmugam

Hi Juliano,

You can use raw HTML code to implement iframe in reactive application. Define HTML elements as mentioned in Screenshot.

Good luck!!

Thanks, Aadhavan S

UserImage.jpg
Jana Le Roux

Hi there, I think the question was around an OutSystems app being hosted in a 3rd party app's iframe.  I have the same question.


2022-05-19 14-01-44
Varada Rajan

Hello Jana Le Roux & Juliano Almeida

For our OutSystems page to work in an I-frame on a 3rd party Site, it depends on Content Security Policy settings, if turned on:

1) We would need to whitelist 3rd-party Site Domain in our App setting(Lifetime) Connect-src.
2) CSP nodes like Child-src, Script-src,Frame-ancestors  at the 3rdparty site should contain our   OutSystems Page Domain.

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