Microsoft 365 SharePoint Extensions SharePoint Add-ins SharePoint Framework

SharePoint Framework Community Call Recording – 19th of November, 2020

SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from November 19th is now available from the Microsoft 365 Community YouTube channel at You can use SharePoint Framework for building solutions for Microsoft Teams and for SharePoint Online.

Call summary:

New trainings to be delivered in December by PnP Community members are announced including Developing Apps for Microsoft Teams and SPFx Developer Workstation Setup.  PnPjs v2.0.12 was released on November 16th and PnPjs v2.1.0-beta is out and allows isolated runtimes.   Released new beta v3.3 of CLI for Microsoft 365.   PnP Modern Search v4-preview is now available.  Upcoming SPFx v1.12 to accommodate more access to the page structure and context to avoid DOM dependency.  And finally, 1 extension and 7 new/updated samples were rolled out in last 2 weeks.  The host of this call is Patrick Rodgers (Microsoft) @mediocrebowler.  Q&A takes place in chat throughout the call.

Deluxe seating for members of a special community.   Thanks for joining us today. 



  1. Extending Power Automate User Interface with SPFx – extend or replace the Power Automate Flow Panel with a Flow Launch Panel built with SPFx that’s accessed from within SPO/Microsoft Teams, and that triggers flows by content type or status, and allows flow reuse across multiple lists and libraries.   The SPFx launch panel delivers a comfortable level of abstraction and behind the scenes intelligence that prompts users only for needed information in the simplest terms.
  2. Integrating Tailwind CSS framework into an SPFx React project – this project shows how to integrate the Tailwind CSS framework into an SPFx React project using CSS custom properties to manage in Tailwind CSS Classes the Theme Variant into sections.  Tailwind delivers additional options for changing elements – weights, colors, fonts, backgrounds than OOB SharePoint themes/CSS.  A capability delivered by Tailwind CSS is responsive layout rendering.
  3. SPFx file upload by drag & drop including PDF conversion – an SPFx file uploader web part (or Teams tab) that uses Microsoft Graph to convert files to PDF during upload as opposed to at the time of download.   In the SharePoint context, it uploads to the default drive (library) while in Teams context it uses the current channel as a Folder name in the default drive.   It uses HTML5 drag and drop event handling and retrieves files with format = pdf conversion.
SPFx extension samples:  ( extensions)

SPFx web part samples:  (

As you are aware, samples are often showcased in Demos.  Thank you for your great work.

Agenda items:

Demos :

  • Extending Power Automate User Interface with SPFx – Paolo Pialorsi (PiaSys) | @paolopia 16:46
  • Integrating Tailwind CSS framework into a SPFx React project – Fabio Franzini | @franzinifabio 30:41
  • SPFx file upload by drag & drop including PDF conversion – Markus Möller (Avanade) | @Moeller2_0 46:00


Additional resources around the covered topics and links from the slides.

Other mentioned topics

The next meeting is on December 3, 2020

PnP SharePoint Framework Special Interest Group bi-weekly calls are targeted at anyone who is interested in the JavaScript-based development towards Microsoft Teams, SharePoint Online, and also on-premises. SIG calls are used for the following objectives.

  • SharePoint Framework engineering update from Microsoft
  • Talk about PnP JavaScript Core libraries
  • Office 365 CLI Updates
  • SPFx reusable controls
  • PnP SPFx Yeoman generator
  • Share code samples and best practices
  • Possible engineering asks for the field – input, feedback, and suggestions
  • Cover any open questions on the client-side development
  • Demonstrate SharePoint Framework in practice in Microsoft Teams or SharePoint context

You can download recurrent invite from Welcome and join the discussion!

“Sharing is caring”

Microsoft 365 Patterns and Practices team – 20th of November, 2020