web
You’re offline. This is a read only version of the page.
close
Skip to main content
News and Announcements icon
Community site session details

Community site session details

Session Id : C30MjeKs4j44bhL797Ud8q
Power Platform Community / Forums / Power Apps - Power Apps Pro Dev & ISV / Need help to modify PC...
Power Apps - Power Apps Pro Dev & ISV
Answered

Need help to modify PCF code component look & feel

Like (0) ShareShare
ReportReport
Posted on 29 Nov 2021 14:30:58 by IrfanMukhtiar 51

Hi.

I need help to configure my PCF Code component "Look & feel as model driven app". Need to inherit Model driven app CSS. and use in PCF. 

 

Anyone can help please?

Categories:
Power Apps component framework
  • Verified answer
    Diana Birkelbach Profile Picture
    Diana Birkelbach 3,072 Most Valuable Professional on 29 Nov 2021 at 15:01:53
    Re: Need help to modify PCF code component look & feel

    Hi @IrfanMukhtiar , 

     

    Usually we use FluentUI: that would have a style pretty close to model-driven apps.

    For the missing gap, we conver that using css. But it depends what you are using.

    A few blogs on this:

    - by @BenediktB: PCF - CSS for Model-driven Apps (MDA) » Benedikt's Power Platform Blog (benediktbergmann.eu)

    - by me: https://dianabirkelbach.wordpress.com/2020/11/23/style-a-pcf-using-fluentui-when-a-theme-is-not-enough/ 

    For a FluentUI Dropdown I use these styles: https://github.com/ORBISAG/ORBIS.PCF.ColorfulOptionset/blob/master/Control/ColorfulOptionset/DropdownStyles.ts

     

    But it depends what control you use. 

     

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

News and Announcements

Now Available: 2025 Release Wave 2
Welcome to the Power Platform Communities
Announcing our 2025 Season 2 Super Users!

Quick Links

Announcing our 2025 Season 2 Super Users!

A new season of Super Users has arrived, and we are so grateful for…

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 791 Most Valuable Professional

#2
MS.Ragavendar Profile Picture

MS.Ragavendar 410 Super User 2025 Season 2

#3
mmbr1606 Profile Picture

mmbr1606 275 Super User 2025 Season 2

Last month Overall leaderboard

Featured topics

Auto-Populate field Power Pages
Community content - sample components, blogs etc. - Link to this page (http://aka.ms/PCFdemos)

Product updates

Microsoft Power Platform Community release plans