iFrame-Einbindung von Ratio-Onlinemodulen

Owned by a.kneer
Last updated: Sept 23, 2020 by Stefan Beer
1 min read

Folgende Punkte müssen beachtet werden um ein Onlinemodul als iFrame einzubinden:

  1. 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

  2. Die JavaScript-Datei muss im Header der Website referenziert werden:

    <link rel="preload" href="https://path/to/iframeResizer.min.js" as="script" />

     

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

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

     

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

    <iframe src="https://www.ratioapp.de/webplattform/apps/PATH" height="1800px" width="100%" scrolling="no" frameborder="0" data-autoresize="1"></iframe>