iFrame PCF Code Component

The iFrameVirtualPCF code component provides a wrapper around the <iframe> HTML element, providing a nested browsing context inside a Power Apps Canvas App or Custom Page.

This is a non-standard React (virtual) code component.

Configuration

The control accepts the following properties:

Properties

• src - URL of the webpage to embed
• FullscreenButton - sets the visibility of the Full screen button. This allows users to expand the iFrame to fit the screen of the host Canvas App (see the demo .gif above)

Installation / Usage

There are two ways to install the PCF component.

1. Download the managed solution from the releases page of this repo
2. Clone and push the solution via the MS Power Platform CLI

Use Power Platform CLI

Make sure you have an authentication profile configured.

Clone the repo:

git clone https://github.com/iamgreggarcia/IFrameVirtualPCF.git

cd IFrameVirtualPCF

Push the component to your chosen environment:

pac pcf push --publisher-prefix <your-publisher-prefix>

Add component to a Canvas App

Limitations

• SharePoint URLs work inside custom pages but not Canvas Apps. This is because SharePoint (online) restricts cross-site scripting with powerapps.com. Read this helpful tutorial for more info: SharePoint Document Library In A Power Apps Custom Page