Power Apps – Fluent UI Badge

Get fancy with your Model Driven Power Apps forms using PCF controls.

What are PCF Controls

Power Apps component framework (or PCF) empowers professional developers and app makers to create code components for model-driven and canvas apps. These code components can be used to enhance the user experience for users working with data on forms, views, dashboards, and canvas app screens” – Power Apps component framework overview (https://learn.microsoft.com/en-us/power-apps/developer/component-framework/overview)

In this article I am covering how I use a specific PCF control, developed by David Rivard, to render FluentUI v9 badges in Model-driven Power Apps forms.

How to get the control

You can get the control from github and import the solution into your environment.

Once you imported the solution, open any form and add the component to your form.

Then select the desired field to apply the control on.

To configure the control with the desired size, share, color, ect. follow this documentation.

Use cases for the control

On choices (multi-select option sets) fields to render the values as tags

On text fields to render the values separated by a comma as tags

On important values for any type of fields

Discover other controls on the PCF Gallery.

PCF Gallery is a collection of controls created with the Power Apps Component Framework.

Let me know in the comment section below if you are using PCF Controls. Any specific ones that you are using more often than others?