Answered

Create a red/green indicator next to a field in a model-driven form?

(0) Share

Report

Posted on by BostonSailor

154

In a model-driven Power App, I have main form. On the main form, next to an individual field control, I'd like to have a red/green indicator based on the contents of the field. In this case, I'd like to indicate whether the field has been changed along the business process flow compared to another column that has the original text.

I've made a lot of canvas apps, and so I'm struggling a little with model-driven as I can't just drop an icon into the form with a Power Fx formula to control its color. How do I create similar context-driven indicators on a model-driven form, in general? I'm comfortable with Web Resources and Javascript, but not sure how to apply this to a dynamic indicator on a form.

Any suggestion or strategies would be most welcome.

Categories:

Microsoft Dataverse with Power Apps

I have the same question (0)

All responses (2)

Answers (2)

Sort by

Verified answer

Jonathan Manrique 2,695 on at

Like (1)

Report
Copy link

Link copied!

Hi @BostonSailor

To develop this type of components you must use PCF, based on TypeScript, it is the basis for developing new components in Model Driven
What you are asking to do, you can find it in this link in a ready-to-use solution, it will still serve as a reference for other options.
https://pcf.gallery/

If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.
You can accept more than one post as a solution

Was this reply helpful? Yes No
Verified answer

EricRegnier 8,720 Most Valuable Professional on at

Like (1)

Report
Copy link

Link copied!
Hi @BostonSailor,

It's a little different with model-driven apps, you can't just apply Power Fx to out-of-the-box controls and forms, apart from Power Fx command buttons and in Dataverse formula columns. There are a few options though to achieve that:

Embedded canvas app, so you would perform your logic just as you would on a canvas app but that is displayed within a model-driven form. More info: https://learn.microsoft.com/power-apps/maker/model-driven-apps/embed-canvas-app-in-form?WT.mc_id=DX-MVP-5004271

Web resource (html + JS) and embed that resource on the form. But requires you to know coding. More info: https://learn.microsoft.com/power-apps/developer/model-driven-apps/web-resources?WT.mc_id=DX-MVP-5004271

PCF control and apply the custom control on the form, but requires you to know the framework and TypeScript. More info: https://learn.microsoft.com/power-apps/developer/component-framework/create-custom-controls-using-pcf?WT.mc_id=DX-MVP-5004271
I'm not sure one exists but you can look in the PCG Gallery if there's an existing control that can satisfy your needs: https://pcf.gallery

Hope this helps!

Was this reply helpful? Yes No