Friday, April 22, 2022

Viva Connections & SharePoint Framework Community Call – 21st of April, 2022



Call summary 


Welcome to the bi-weekly call focused on Microsoft 365 client-side development.   In this call, we focus on using Viva Connections and SharePoint Framework to build solutions for Microsoft Teams and SharePoint Online.


New this week 



  • Introduction to Adaptive Card Design Gallery reusable reference sample – solution includes 12 Adaptive Card Extensions (ACEs) and a personal app that showcases the ACEs and how deep links surface in Teams.  Each ACE (Event scheduling, café menu, Calendar…) showcases functionality like collapsing menus, scrolling through articles, conditional formatting, UI design, etc.  From Teams app click to see ACE in Adaptive Cards Schema Explorer.  Step through code for Event Scheduler ACE. 
  • Using Adaptive Cards control from the PnP control gallery in SPFx solutions – learn about and step through implementation of the "AdaptiveCardHost" PnP React component using the Adaptive Card SDK.   The host control delivers the ability to change UI at runtime without having to recompile the SPFx solution.  Simple configuration in property pane - select a card to render and apply a theme aligned to SharePoint or Teams environment.  Uses Fluent UI.  Step through code, future updates.
  • Navigating Cards in Viva Connections ACEs – how we can manage navigation inside ACEs with SPFx.   Every ACE has navigation properties (Navigators) that can be used to navigate across Card View(s) and Quick View(s).  Functionality includes Read the current item ID, Register and Push, Pop & Replace.  You can rely on these objects to precisely manage the ACE navigation flow and stack.  Code for functionality including Start and Restart logic shown.          


The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler.  Q&A takes place as always in chat throughout the call.



Agenda items


Together Mode




Nice to capture a video of everybody in the same room today.   Thank you for being a part of this Community.   Please keep the feedback coming. 




Demo references

Thank you for your great work.  Samples are often showcased in Demos.    


Open-source project status


PnP Project Current Version Release/Status
SharePoint Framework (SPFx) v1.14 GA, v1.15 Beta v1.15 GA in June 2022
PnPjs Client-Side Libraries v2.13 GA, v3.2.0 GA

Nightly builds. Note: v2.13 will be the final v2 release

CLI for Microsoft 365

v4.3.0 GA, v5.2 Preview


Reusable SPFx React Controls

v3.7.2, v2.9.0 (SPFx v1.11)

Reusable SPFx React Property Controls v3.6.0, v2.7.0 (SPFx v1.11)  
PnP SPFx Generator v1.16.0 v1.17.0 on the way
PnP Modern Search v4.6.1, v3.23.0  



General Resources


Other mentioned topics


Upcoming calls | Recurrent invites  



Viva Connections & SharePoint Framework bi-weekly calls are targeted at anyone who is interested in the JavaScript-based development towards Microsoft Connections, Microsoft Teams, SharePoint Online, and also on-premises. 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 Viva, Microsoft Teams or SharePoint context
  • You can download a recurrent invite from Welcome and join the discussion!

“Sharing is caring”

Microsoft 365 PnP team, Microsoft - 22nd of April 2022

Posted at