Viva Connections & SharePoint Framework bi-weekly community call recording from April 7th is now available from the Microsoft 365 Community YouTube channel at http://aka.ms/m365pnp/videos. You can use SharePoint Framework for building solutions for Microsoft Teams and for SharePoint Online.
Latest project updates include
|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.1 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.0, v3.23.0|
The host of this call is Patrick Rodgers (Microsoft) | @mediocrebowler. Q&A takes place as always in chat throughout the call.
It’s great to see real faces and not just people's name or initials. Thank you for participating in today's call. Hope to see you again soon.
Enabling any control to be used in the SPFx property pane with a custom solution – how you can add any control - HTML, MGT, Northstar, PnP to the Property pane. Understand Property Pane Portal Architecture. How controls from library are called into a web part and how the control’s properties are configured in the Property Pane. Install npm property pane host and portal. Create portal - ReactDOM.createPortal(child, container). Push child (control) to container (Property pane).
ACE with a card view and multiple quick views to display the M365 (Unified) groups in a tenant – get inside view on building an ACE component with card view and multiple quick views to display M365 (Unified) groups in a tenant of which user is owner or member. Card view button allows user to browse to groups. Quick view shows group details with buttons to visit associated SharePoint/Teams site. Used Basic, Image and Primary card templates. Developed on SPFx v1.13.1
Viva Connections ACE as an input form for data and actions – use Quick View in an ACE to collect data. Using the Adaptive Cards JSON syntax/schema, you can request data, define rules to validate collected data, and define actions to submit data. In the Quick View class, you handle the onAction method with custom actions, i.e., view, edit, save, submit, close. Systematically create complex forms in Quick View with the Adaptive Card syntax.
Thank you for your great work. Samples are often showcased in Demos.
Additional resources around the covered topics and links from the slides.
Other mentioned topics
Upcoming calls | Recurrent invites
“Sharing is caring”
Microsoft 365 PnP team, Microsoft - 8th of April 2022
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.