How to Use PCF Controls in Power Pages

In this post, we will look at how PCF Controls can be used in Power Pages. This is continuing on in our series on PCF Controls.

First, let’s create a new Power Pages site, and we will add a form to the home page:

Select New Form:

And we will select our Account Dataverse form:

We see the field which contains our PCF code components, which was added previously to the form:

Click Enable Code Component, and then click Done:

We see the message “Unable to load this component in studio”:

For the purpose of the demo, we will make the site public. We can now see the component rendered on the form (the PCF control is a button):

There are restrictions in running PCF controls in Power Pages, which you can read about here.

Keep learning. Keep building.

Explore AI, agents & Microsoft technology.

I share practical ideas, tutorials, and videos about AI, AI agents, Microsoft technologies, and the Power Platform.

Carl de Souza Enterprise Architect at Microsoft · AI Technology Expert