Unanswered

PCF Control Created With Fluent UI V9 In Power Pages Not Supporting

(0) Share

Report

Posted on by NileshKhonde

Hi, I am new to PCF (PowerApps Component Framework) controls and learning how to use them. I recently created a basic form in a PCF control project, using Fluent UI V9, which is the latest version. I have created a standard dataset control.

When I added the control to the Dynamics 365 Accounts entity, it worked as expected. My input fields, checkboxes, and radio buttons functioned perfectly.

However, when I tried using the same PCF control in Power Pages, I encountered issues. As shown in the screenshots attached below, Fluent UI is not visible proper in Power Pages. Additionally, the radio buttons and checkboxes stopped working. Interestingly, when I tried using Fluent UI V8 for the same control, everything worked fine.

Am I missing something, or is Fluent UI V9 not supported in Power Pages yet?

MY UI With Fluent V9 IN PowerPages

My UI In Dynamics Crm

Categories:

Power Apps Pro Dev & ISV

I have the same question (0)

All responses (3)

Answers (0)

Diana Birkelbach 3,072 Most Valuable Professional on at

Like (0)

Report

Haven't tried out Fluent 9 in Power Pages, but it should work since you did a standard control. (virtuals are not supported on Power Pages)
But the way your screenshot looks like, reminds me of a blog by David Rivard: https://itmustbecode.com/pcf-controls-with-fluentui-v9-avoid-dom-id-collisions/

He mentions using <IdPrefixProvider> which solved similar problems.
Maybe it helps.

Was this reply helpful? Yes No
NileshKhonde 14 on at

Like (0)

Report

Hi @Diana Birkelbach,

Thank you for your response. I checked the blog you provided and tried the workaround mentioned, but unfortunately, it doesn’t seem to be working in my case.

Do you have any other suggestions or ideas regarding Fluent UI V9 PCF controls in Power Pages? I also found a link in the documentation explaining PCF controls and version dependencies, but I couldn’t find a clear statement about whether V9 is supported in Power Pages or not.
https://learn.microsoft.com/en-us/power-apps/developer/component-framework/react-controls-platform-libraries

Was this reply helpful? Yes No
Ctse 43 on at

Like (0)

Report

Hi,

Did you also setup the right settings in Power Pages?

See this specific section: https://learn.microsoft.com/en-us/power-pages/configure/component-framework#enable-code-component-in-portals-management-app

Was this reply helpful? Yes No