Posted in PowerApps

From CRM views to Datacards using PCF

PowerApps Component Framework can be used to transform the visual representation of CRM data (which was earlier restricted to only forms and views) into a more sophisticated and intuitive user experience.

This blog explores how a bland CRM view can be turned into a control of graphical nature that makes information more palatable to the visual cortex.


The scenario we have is an entity called Ratings which stores ratings for various venues in Canberra.

  1. We want to show the verified Ratings in green, while the unverified in blue.
  2. The layout should render the smaller fields on the left (stacked top to bottom).
  3. More descriptive fields like Review Comments should utilise lion’s share of the real estate towards the right.


Once the control is built and deployed to Dynamics, it can be easily consumed by your view designer using the View Customisations > Custom Controls section as shown below

Datacard setup

Upon publish, you are able to represent the information in ways that were not possible before and meeting the three requirements outline above.

Veritec Datacard v2

And yes, this is the same Dynamics 365 CRM’s typical view which we use everyday. So custom controls have answered the call to a more intuitive UX design.

The source code used to create this datacard has been published here

Note: PowerApps Component Framework is still in Preview, so not recommended for Production at the moment.

2 thoughts on “From CRM views to Datacards using PCF

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s