Updating PCF Controls to support new UI


In this post, the author shares their experience updating a PCF control called "Lookup to Optionset." They provide a video and source code for reference. The author explores using the Fluent v8 to v9 migration package but finds that the control doesn't look like the native Model-Driven-App control and the bundle size is too large. They then reference a blog post by David Rivard that uses separate components for the old and new UI. The author decides to use a similar approach and explains the component architecture. They also discuss using both FluentUI8 and FluentUI9 in the same component and provide code examples for styling the component using the current theme. The author concludes by mentioning the change in styling approach and provides a link for further reference.


Article 10m

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