Component Framework

Neil HaddleyAugust 14, 2022

Component Framework

Create code components for model-driven and canvas apps.

Developers can use Power Apps component framework to create, import, and add code components to model-driven and canvas apps. Certain APIs are not available.

Admin center

Admin center

p8lf environment

p8lf environment

Search

Search

Turn on Power Apps component framework

Turn on Power Apps component framework

Web API endpoint (use this URL below)

Web API endpoint (use this URL below)

Install Power Platform Tools Visual Studio Extension

Install Power Platform Tools Visual Studio Extension

Power Platform Tools installed

Power Platform Tools installed

The framework was not found

The framework was not found

Install x64 version of the framework

Install x64 version of the framework

pac (help)

pac (help)

pac pcf init --namespace haddley --name virtualcontrol --template field --framework react

pac pcf init --namespace haddley --name virtualcontrol --template field --framework react

pac auth create –-url https://org6bf9e824.api.crm.dynamics.com(url value from Web API endpoint see above)

pac auth create –-url https://org6bf9e824.api.crm.dynamics.com(url value from Web API endpoint see above)

Authentication successful

Authentication successful

npm run start(I had to run npm i -g webpack and npm link webpack first)

npm run start(I had to run npm i -g webpack and npm link webpack first)

Component running in test environment

Component running in test environment

pac pcf push --publisher-prefix nlh

pac pcf push --publisher-prefix nlh

Component has been pushed to Power Apps environment

Component has been pushed to Power Apps environment

Contents of solution

Contents of solution

Create a test solution

Create a test solution

New model-drive app

New model-drive app

Name model driven app

Name model driven app

Add page

Add page

Select Table based view and form

Select Table based view and form

Select "Account" entity/table

Select "Account" entity/table

Switch to classic

Switch to classic

Edit Information A form for this entity

Edit Information A form for this entity

Add code component (use for Web, Mobile and Tablet displays)

Add code component (use for Web, Mobile and Tablet displays)

Default Single-line text control will never be used

Default Single-line text control will never be used

New Account form using code control

New Account form using code control