Input & Integrations
      Zurück zur Startseite
      1. Knowledge Base
      2. Komponenten & Funktionalitäten
      3. Input & Integrations

      IFrame

      Über die IFrame Komponenten können Inhalte aus externen Quellen einfach und unkompliziert über Ihre GAPTEQ Maske eingebunden werden.

      In diesem Artikel lesen Sie folgende Inhalte:

      IFrame Properties

      IFrame Funktionalitäten

      Tipp! Im Artikel "Einbinden externer Quellen" lesen Sie, wie Sie über die Komponente IFrame externe Seiteninhalte, Dokumente, Videos, Banner uvm. direkt über Ihre GAPTEQ-Applikation einbetten.

      1. IFrame Properties

      Properties

      Beschreibung

      Source-Url

      Source-Url URL der einzubettenden Seite

      Referrer-Policy

      Referrer-Policy Gibt an, welche Referrer-Informationen beim Abrufen des IFrames gesendet werden sollen.

      Title

      Titel des IFrames (Titel ist nicht sichtbar, der Title ist im HTML-Code enthalten)

      Frame-Border

      Rahmen um den IFrame in Pixel

      Responsive

      Responsive Setzt die fest definierte Höhe außer Kraft und stellt den Inhalt entweder im Format 16:9 oder 4:3 dar.

      Options

      Defer loading
      IFrame wird erst geladen, wenn er im sichtbaren Bereich ist.

      Allow fullscreen
      IFrame darf Vollbildmodus aktivieren, z.B. beim Einbetten von Videos.

      Allow payment request
      Erlaubt den Aufruf von Payment-Schnittstellen.

      Sandbox

      Sandbox restriction
      Mit Sandbox Attributen kann für den IFrame festgelegt werden, was erlaubt ist und was nicht.

      Sandbox-Allow

      Eine Übersicht an HTML5 Sandbox Atributen für IFrame finden sie hier:
      https://wiki.selfhtml.org/wiki/HTML/Attribute/sandbox

      Custom attributes

      Hier können weitere HTML5 Attribute für den IFrame angegeben werden.

      2. IFrame Funktionalitäten

      Events

      Event

      Beschreibung

      loaded

      This event fires when the content of the component was loaded successfully

      error

      This event fires when there was an error during loading the content of the component.

      Actions

      Kategorisierung

      Action

      Beschreibung

      State

      show()

      Shows the component.

      hide()

      Hides the component.

      setVisible(visible)

      Show/hide the component.
      visible: Flag to indicate shown or hidden.

      Navigation

      load(url)

      Load a url in the component.
      url: Url to the content to load.

      reload()

      Reloads the content of the component.