Skip to main content

Notifications

Power Apps - Power Apps Pro Dev & ISV
Unanswered

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

Posted on 11 Dec 2024 12:45:26 by 14

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

 

  • NileshKhonde Profile Picture
    NileshKhonde 14 on 12 Dec 2024 at 12:46:56
    PCF Control Created With Fluent UI V9 In Power Pages Not Supporting

    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
     
  • Diana Birkelbach Profile Picture
    Diana Birkelbach 3,072 on 11 Dec 2024 at 18:39:19
    PCF Control Created With Fluent UI V9 In Power Pages Not Supporting
    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.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

November 2024 Newsletter…

November 2024 Community Newsletter…

Community Update Oct 28…

Power Platform Community Update…

Tuesday Tip #7 Community Profile Tips…

Welcome to a brand new series, Tuesday Tips…

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 143,591

#2
RandyHayes Profile Picture

RandyHayes 76,308

#3
Pstork1 Profile Picture

Pstork1 64,090

Leaderboard