Style Your Fluent UI 9 PCFs for Power Apps


In this article, the author discusses how to style Power Apps Component Framework (PCF) controls using Fluent UI 9. They cover various aspects of styling, including appearance, size, CSS and pseudo-selectors with Griffel, avoiding hard-coding colors, and using a theme provider with React Portal. The article provides code examples and explains how to apply these styling techniques to PCFs for Canvas Apps, Custom Pages, and Model-Driven Apps (Forms). The author also addresses the differences in disabling controls between Canvas Apps and Model-Driven Apps. Overall, the article offers helpful insights and tips for developers looking to style PCF controls using Fluent UI 9.


Article 2m

Login now to access my digest by 365.Training

Learn how my digest works
Features
  • Articles, blogs, podcasts, training, and videos
  • Quick read TL;DRs for each item
  • Advanced filtering to prioritize what you care about
  • Quick views to isolate what you are looking for right now
  • Save your favorite items
  • Share your favorites
  • Snooze items you want to revisit when you have more time