Applicatie in een iFrame tonen

<iframe src="https://ka01e4d2631234af79edb9270f96f02d1.kotuur.com/localhost" height="200" width="300" title="Iframe Example"></iframe>

Op het iFrame element geef je de height op ,deze moet je fixed opgeven. Je dient rekening te houden met dat het formulier mogelijk langer kan zijn dan het in eerste instantie lijkt, omdat er meer zichtbaar kunnen zijn. Het is dan noodzakelijk om meer witruimte te reserveren in het iFrame.

Om een jouw gemaakte applicatie geschikt te maken voor het gebruik in een iFrame moet je eerst een aantal configuraties inrichten.

De technische inrichting van Integraties wordt gedaan onder configuratie tab.  Ga naar de Configuration TAB van jouw applicatie.

Open Application Settings. Voeg bij Allowed domains jouw website naam in bijvoorbeeld www.kodision.nl

Technische toelichting: De website naar wordt nu aan de Content security policy header van de applicatie toegevoegd. Aan het attribuut frame-ancestors wordt de domain name toegevoegd al vertrouwde website. DIt maakt het mogelijk om de applicatie binnen jouw website in te laden via het iFrame.

Ga nu naar Routing onder Configuration. 

Druk op + New om een nieuwe route toe te voegen of (her)gebruik een bestaande Route

Name: Naam de route

URL: Geef hier een Route naam op, deze komt achter de URL te staan.(vul geen https of www in)

Start page: De startpagina van je applicatie die het iFrame moet laten zien.

With role: Onder welke rol je het iFrame wilt starten, bijvoorbeeld anonymous.

Url Preview: de Url die je gebruik voor in het inladen van je iFrame

Hide the scrollbar: Verberg de scroll bar binnen je iFrame zodat je niet 2x een scrollbar krijgt in je website. Achter de URL wordt geplaatst?_scrollbar=false

Voorbeeld URL: https://k22fcb3d76ad0415d822b2e76a5a0e3fe.kotuur.com/localhost?_scrollbar=false