Page Comparison

Folgende Punkte müssen beachtet werden um ein Onlinemodul als iframe einzubinden.

...

iFrame einzubinden:

Damit die Höhenanpassung des iFrames innerhalb einer Website funktioniert, muss die JavaScript-Bibliothek iFrameResizer in der Version 3.5.3 von David J. Bradshaw integriert werden:
https://github.com/davidjbradshaw/iframe-resizer/releases/tag/v3.5.3
Die JavaScript-Datei muss im Header der Website referenziert werden:
Code Block
language html
<link rel="preload" href="https://
KUNDE
path/
fileadmin/templates/main/js/iframeResizer/iframeResizer
to/iframeResizer.min.js"
rel="preload"
as="script" />
Das Fenster wird dan mit folgenden Link aufgerufen:
<iframe

Wenn die Seite geladen ist, muss der Resizer initialisiert werden:

Code Block

language	js

// Selektor des iFrames bei Bedarf anpassen
$('iframe').iFrameResize({
  heightCalculationMethod: 'grow',
  checkOrigin: false
});

Der iFrame selbst wird folgendermaßen in die Website eingebunden:

Code Block

language	html

<iframe src="https://www.

ratio-software-service.com

ratioapp.de/webplattform/apps/

MODUL/KUNDE"

PATH" 
        height="1800px" 
        width="100%" 
        scrolling="no" 
        frameborder="0" 
        data-autoresize="1"></iframe>

Versions Compared