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:
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 Allow fullscreen Allow payment request |
|
Sandbox |
Sandbox restriction |
|
Sandbox-Allow |
Eine Übersicht an HTML5 Sandbox Atributen für IFrame finden sie hier: |
|
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. |
|
|
Navigation |
load(url) |
Load a url in the component. |
|
reload() |
Reloads the content of the component. |