IFrame

Show a website in an iframe


Demos & Screenshots


How to Use

What is an iFrame?

An Iframe, or inline frame, places another HTML document in a frame. This is typically how websites embed ads or videos inside of web pages.

Using the iFrame brick

In PixieBrix, an iFrame can be used as the renderer for a sidebar panel or panel, or inside a “render document” brick.

After adding an iFrame as the final brick in a blueprint or inside a document, paste the URL you want to display inside the url field.

Width and height can be adjusted to better fit the frame into the sidebar.

Helpful Resources

Here’s more information on iFrames:

HTML iframe tag

Troubleshooting:

Some websites don’t allow you to embed them in IFrames, and some only allow being embedded when you’re on the same domain. This is done for security reasons.


Inputs

Name Required Type Description
url string The URL to display in the IFrame
title string The title of the IFrame
width string The width of the IFrame
height string The height of the IFrame
safeMode boolean Run with the parent Content Security Policy (CSP)

Outputs

Name Required Type Description
No outputs for this brick defined.

Details

ID @pixiebrix/iframe
Author @pixiebrix
Version 1.6.3
Created Aug. 17, 2021
Updated Jan. 27, 2022

Related Bricks

  • No related bricks