Skip to main content

Notifications

Announcements

Welcome to the Power Platform Communities - Lets Get Started!
News and Announcements icon
Community site session details

Community site session details

Session Id :
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

(0) ShareShare
ReportReport
Posted on 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 at
    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

Welcome to the Power Platform Communities - Lets Get Started!

Quick Links

🌸 Community Spring Festival 2025 Challenge Winners! 🌸

Congratulations to all our community participants!

Warren Belz – Community Spotlight

We are honored to recognize Warren Belz as our May 2025 Community…

Congratulations to the April Top 10 Community Stars!

Thanks for all your good work in the Community!

Leaderboard > Power Apps - Power Apps Pro Dev & ISV

#1
WarrenBelz Profile Picture

WarrenBelz 85 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 65 Super User 2025 Season 1

#3
mmbr1606 Profile Picture

mmbr1606 55 Super User 2025 Season 1

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