Page Comparison

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

1. Damit die Höhenanpassung des iFrames innerhalb der einer Website eines anderen Anbieters funktioniert, muss die JavaScript-Bibliothek iFrame Resizer iFrameResizer in der Version 3.5.3 von David J. Bradshaw integriert werden:

   https://github.com/davidjbradshaw/iframe-resizer/releases/tag/v3.5.3Das Java Script für den iframe Resizer muss sich im Kundenordner befinden. Dieses muss anschließend im Header folgendermassen eingebunden werden:
   

2. <link 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" />

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

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

4. Das Fenster wird dan mit folgenden Link aufgerufen:
   <iframe Der iFrame selbst wird folgendermaßen in die Website eingebunden:
   

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

   Bei Einbettung in eine Website von KOBEmedia wird die Höhe des iFrames dynamisch angepasst.