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

Viva Connections & SharePoint Framework Community Call – 21st of March, 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


Demo references

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

Open-source project status

PnP ProjectCurrent versionRelease/Status
SharePoint Framework (SPFx)v1.14 GA, v1.15 Betav1.15 GA in June 2022
PnPjs Client-Side Librariesv2.13 GA, v3.1.0 GANightly builds. Note: v2.13 will be the final v2 release
CLI for Microsoft 365v4.3.0 GA, v5.2 Preview
Reusable SPFx React Controlsv3.7.2, v2.9.0 (SPFx v1.11)
Reusable SPFx React Property Controlsv3.6.0, v2.7.0 (SPFx v1.11)
PnP SPFx Generatorv1.16.0v1.17.0 on the way
PnP Modern Searchv4.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
  • CLI for Microsoft 365 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