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

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Need help to modify PC...
Power Apps
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 Pro Dev & ISV
I have the same question (0)
  • Verified answer
    Diana Birkelbach Profile Picture
    Diana Birkelbach 3,072 Most Valuable Professional on at

    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

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the July Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 401 Most Valuable Professional

#2
11manish Profile Picture

11manish 201 Super User 2026 Season 2

#3
MS.Ragavendar Profile Picture

MS.Ragavendar 128 Super User 2026 Season 2

Last 30 days Overall leaderboard

Featured topics

Auto-Populate field Power Pages
Gallery Tabs - Show or Hide Tabs based on Field Value
How to patch multiple records at once
Enable Copilot for end users in model-driven apps
Question for everyone : How are you using Create Text GPT in AI Builder?
Community content - sample components, blogs etc. - Link to this page (http://aka.ms/PCFdemos)
Welcome to the Power Apps forum!

Product updates

Microsoft Power Platform Community release plans