The iFrame component
To add the iFrame component to your project:
- Open the Components panel, then the Miscellaneous folder.
- Drag the iFrame component to the stage.
- In the iFrame properties section of the Properties panel, enter the URL you want to load in the Source field. It must be served over HTTPS.
|Name||The name of the component.|
|Source||The URL of the external element. It should be served over HTTPS. Can be bound to dynamic data.|
Scrollbar controls do not work for iOS.
Events and actionsEvents sent by the iFrame component
You can trigger other actions based on the following iFrame component event:
|iFrame loaded||Sent when the iFrame loads.|
To select this event in the Event dialog, set the iFrame component as the target.
The following iFrame component action can be triggered in response to other events:
|Set URL||Url - The new URL for the iFrame. It should be served over HTTPS.|
When you select this action in the Event dialog, set the iFrame component as the receiver.
Learn how to configure events.
This component can't be previewed inside the Google Web Designer interface. To see the component in action, preview your document in your preferred browser by clicking the Preview button in the upper right corner.