web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Theming issue PCF Flue...
Power Apps
Answered

Theming issue PCF FluentUI (V2)

(0) ShareShare
ReportReport
Posted on by 43

How to style the FluentUI (V2) controls so they appear exactly like the other default fields in PowerApps modeldriven app (new look)?

I used the theme guide, but it seems it's not working.

 

This is how a default text field appears in PowerApps modeldriven app (default new look, no custom theming, etc.):

Ctse_2-1717249022354.png

This is de code of my pcf-control:

 

<FluentProvider theme={context.fluentDesignLanguage.tokenTheme}>
 <Field label="Test">
 <Input placeholder="---" />
 </Field> 
</FluentProvider>

 

and this appears in PowerApps modeldriven app as:

 Ctse_1-1717248897490.png

As you can see there is a difference between borders and background. The theming seems to be exactly the same as   webLightTheme without the adjustments from PowerApps.

 

I have the same question (0)
  • Ctse Profile Picture
    43 on at

    Hi Andrew,

     

    Thank you very much, this seems the best solution 🙂

  • Verified answer
    a33ik Profile Picture
    3,306 Most Valuable Professional on at

    Hello,

    Here is the post where I describe my experience making PCF control support both UIs and styling the control to match MDA NewUI Styling - https://butenko.pro/2024/06/10/updating-pcf-controls-to-support-new-ui/

  • Ctse Profile Picture
    43 on at

    it seems that setting control property appearance="filled-darker" does the trick for the MDA default PowerApps theme background color. Only some other styling (height and border) also have to be changed.

    It would be nice if MS could publish a better MDA PowerApps theme guide for FluentUI, that should make it a lot easier making PCF controls.

  • Verified answer
    a33ik Profile Picture
    3,306 Most Valuable Professional on at

    Hello,

    I experienced the same limitation when I tried to use themes as is in MDA controls. It would require a few additional tweaks to make it look and behave like OOB Dataverse controls. Keep an eye/subscribe to my blog/YT channel. I plan to post the results of my investigations there.

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

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
Kalathiya Profile Picture

Kalathiya 403

#2
WarrenBelz Profile Picture

WarrenBelz 338 Most Valuable Professional

#3
MS.Ragavendar Profile Picture

MS.Ragavendar 320 Super User 2025 Season 2

Last 30 days Overall leaderboard