Power Apps Tutorial: How to Open Canvas App Using External Website Control.

Hello Guys,

In our previous blog, we discussed about polymorphic lookups. Today, we will see how to call canvas app in model driven app using External Website control.

Do follow us to know more about Dynamics and Power Platform. Also if you like our blog then please comment and share this blog with your friends.

As you can see, we have a Department record which is showing the IT department information.

Now we will add a new tab named Employee. This tab will contain an External Website Control, which we will use to load the Canvas App.

After adding the tab, the Employee tab is visible on the form.

Next, we will create a Canvas Application which will display employee information.

The Canvas App has been created successfully. Now we need to get the URL of the Canvas App.

To get the URL:

Go to the Canvas App

Click on Details

Copy the Web link / App URL

We will use this URL to open the Canvas App inside the External Website control.

Next, we will create a JavaScript Web Resource which will be used to call the Canvas App inside the External Website control.

In the web resource, we will use the Canvas App URL.

We can also pass parameters from the Model-Driven App to the Canvas App using query string.

Now we will call the JavaScript function loadCanvas on the Form OnLoad event.

After that, publish all the changes.

Now open any Department record and navigate to the Employee tab.

The Canvas App will be loaded inside the External Website control.

Hope it helps...