Skip to main content

iFrame - Basic Component

The iFrame component allows you embed external URL elements in your web app within an iframe.


Adding an iFrame

#1. Drag-and-drop an iFrame

To add an iFrame, go to the “Basic” category under the Components panel and drag and drop the "iFrame" component in the canvas.

DrapCode Builder iFrame

#2. Adjust the Dimensions

After dropping the iframe component, adjust it's dimensions as you want by dragging the corners.

DrapCode Builder iFrame

#3. Open the Settings

Click the settings icon and open the settings of the iframe component.

DrapCode Builder iFrame

#4. Add the URL

Paste the URL and press enter. All content on the URL will get displayed within the iframe immediately.

In the example below, a Google Sheet URL is added.

DrapCode Builder iFrame

#5. Access the Content

Adding an iframe is like adding a browser for a particular URL. Therefore, once, the URL content starts displaying, you can access it easily.

DrapCode Builder iFrame