Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 9 Current »

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/MODUL/KUNDE" 
            height="1800px" width="100%" scrolling="no" frameborder="0" 
            data-autoresize="1"></iframe>


  • No labels