![Viva Connections & SharePoint Framework Community Call – 26th of January, 2023 Viva Connections & SharePoint Framework Community Call – 26th of January, 2023](/blog/microsoft-viva-and-spfx-community-call/2023-01-26/images/recording-january-26th_hu863181344166e18cb245c5e8730ea454_472272_700x0_resize_q100_h2_box_3.webp)
Viva Connections & SharePoint Framework Community Call – 26th of January, 2023
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
- Announcements
- Agenda set for next Microsoft 365 platform call - Tuesday, January 31, 2023, 8:00 am PT.
- Latest news from Microsoft engineering on the Microsoft 365 topics
- Community together mode group photo
- Nancy Handa & Anshuman Gaur – Introduction to Microsoft Viva Home
- Tomas Chladek – Introduction to Azure Communication Services
- Sharing-Is-Caring training dates in January - aka.ms/sharing-is-caring
- Community Recognition Program badges for 2023 - aka.ms/community/recognition
- New Learning Module – Create Adaptive Card Extensions (ACE) for Microsoft Viva Connections and for Microsoft Viva Home - aka.ms/viva/ace/learn
- Agenda set for next Microsoft 365 platform call - Tuesday, January 31, 2023, 8:00 am PT.
- Project releases
- CLI for Microsoft 365 – v6.2 (beta)
- Microsoft Graph Developer Proxy – v0.4 release due Jan 31 2023
- SPFx samples
- Updated - Fluent UI 9 – Nick Brown | @techienickb
- New - Interactive Map – Sergej Schwabauer | @spfxappdev
- Updated - Page Navigator – Nils Andresen | @nils_andresen
- ACE samples
- New - Presence Status with Presence Graph API - Yves Habersaat | @yhabersaat
Demos
- Building SPFx Visio file presenter for Teams and SharePoint – this SharePoint web part replaces the classic Visio diagram AND Diagram Frame web parts (for embedding Visio drawings in your page) with equivalent and better functionality. The modern File Viewer web part does not offer the interactivity options previously available the classic web part. The open-source web part accesses the Visio Online API. Available from AppSource and tips on publishing in AppSource.
- Extend the PnP React SPFx ListView control with a contextual menu – to perform actions on selected list items. Add a context menu to the list item like it’s available in the default modern experience of lists and like the “edit control block” in the classic experience. Does not physically insert a column inside the SharePoint list view. Uses the ECB (Edit Control Block) control custom render option. Review core code and solution alternatives.
- Building CAML query web part for easy data presentation – when you need to quickly test a query, as an alternative to PowerShell, this simple web part allows the user to input a CAML Query, select a list and run the query. Uses PnPjs behind scenes to map out item. Several custom CAML queries ship with sample – for example: to query things based on SharePoint Groups. Post Demo bonus – PnP CAML overview.
The host of this call is Paolo Pialorsi (PiaSys.com) @paolopia. Q&A takes place as always in chat throughout the call.
Agenda items
00:00 – Intro - Paolo Pialorsi (PiaSys.com) | @paolopia
04:38 – SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen
06:25 – PnPjs Client-Side Libraries – Julie Turner (Sympraxis) | @jfj1997
07:46 – CLI for Microsoft 365 – Garry Trinder (Microsoft) | @garrytrinder
09:15 – Microsoft Graph Developer Proxy – Garry Trinder (Microsoft) | @garrytrinder
10:09 – PnP SPFx Controls – Alex Terentiev (Microsoft) | @alexaterentiev
11:14 – Viva Connections Toolkit for Visual Studio Code – Vesa Juvonen (Microsoft) | @vesajuvonen
11:50 – PnP Modern Search – Paolo Pialorsi (PiaSys.com) | @paolopia
12:22 – PnP Samples - Hugo Bernier (Microsoft) | @bernierh
13:55 – PnP SPFx ACEs Samples - David Warner II (Microsoft) | @DavidWarnerII
14:21 – Together mode picture – Vesa Juvonen (Microsoft) | @vesajuvonen
15:19 – Demo – Building SPFx Visio file presenter for Teams and SharePoint – Nikolay Belykh (unmanagedvisio)
28:12 – Demo – Extend the PnP React SPFx ListView control with a contextual menu – Markus Möller (Avanade) | @Moeller2_0
35:22 – Demo – Building CAML query web part for easy data presentation – Dan Toft (Evobis ApS) | @tanddant
45:51 – Closing
Together Mode
Awesome to see a full auditorium with a lot of familiar faces today.
Actions
- Opt into the PnP Recognition Program | aka.ms/m365pnp-recognition
- Register for upcoming Sharing is Caring events:
- Maturity Model Practitioners | Tuesday, February 21st, 7am PST – Download reoccurring invite
- Power Platform Samples Contributor | Thursday, February 23rd, 9:00am PT | 12:00pm ET - Register
- PnP Office Hours – 1:1 session | Register
- PnP Buddy System | Request a Buddy
- Register for the Microsoft 365 Developer Program and get a free developer tenant
- Get started with free training modules covering Microsoft 365 platform capabilities.
- Visit the Microsoft 365 Unified Sample Solution Gallery from Microsoft and community.
- Request a Demo spot on the call | https://aka.ms/m365pnp/request/demo
- Download the recurrent invite for this call | https://aka.ms/spdev-spfx-call
Demo references
- Building SPFx Visio file presenter for Teams and SharePoint
- Documentation - Visio JavaScript API overview
- Controls - Reusable React controls for your SharePoint Framework solutions
- Pipeline - nbelyh.VisioOnlineSpfxWebPart
- VS Marketplace - SPFx Localization
- Documentation - Publish SharePoint Framework applications to the marketplace
- Repo - Diagram Frame sharepoint Visio web part
- AppSource - Diagram Frame WebPart
- Article - Diagram Frame sharepoint Visio web part
- Extend the PnP React SPFx ListView control with a contextual menu
- Article - Extend PnP SharePoint Framework React ListView Control with a context menu
- Sample - Employee ListView Contextual Menu
- Documentation - ListView: Add a contextual menu
- Building CAML query web part for easy data presentation
- Sample - CAML to Table
- Documentation - Collaborative Application Markup Language (CAML) schemas
- Controls - Reusable React controls for your SharePoint Framework solutions
- Repo – CAMLjs
- chrome web store - CamlJS Console
- library - Camlex.NET.dll
- PnP Repo - CAML-Designer
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.16.1 (GA) | v1.17 - Q1, 2023 |
PnPjs Client-Side Libraries | v3.11 (GA), v2.13 (GA) | v 3.12 to be released Feb 10th 2023 |
CLI for Microsoft 365 | v6.1 (GA), v5.9.0 GA, v6.2 (beta) | |
Microsoft Graph Developer Proxy | v0.3 (beta) | v0.4 release due Jan 31 2023 |
Reusable SPFx React Controls | v3.12.0 (GA), v2.9.0 | |
Reusable SPFx React Property Controls | v3.11.0 (GA), v2.7.0 | |
Viva Connections Toolkit for VS Code | v0.3.2 (preview) | |
PnP SPFx Generator | v1.16.0 | v1.17.0 on the way |
PnP Modern Search | v4.7.0 (GA), v4.8.0 (beta), v3.23.0 (GA) |
General Resources
- Viva Connections https://aka.ms/VivaConnections
- Archives - Microsoft 365 PnP Weekly - Videos, Podcasts
- Tools - Teams Toolkit (v2.2 Preview)
- Tools - Microsoft Teams Framework (TeamsFx)
- Gallery - Microsoft 365 Extensibility look book gallery
- Microsoft Build sessions guide (Modern Work Digital Brochure) - aka.ms/modernworkbuildsessions
- SharePoint Framework - v1.12.1 npm install –g @microsoft/generator-sharepoint@next
- CLI for Microsoft 365 v3
- CodeTour
- Sharing is Caring | aka.ms/sharing-is-caring
- Tools - PnP Modern Search v4 | https://aka.ms/pnp-search
- M365 PnP site | aka.ms/m365pnp
- SharePoint Starter Kit v2
- Blog: “A Lap Around Microsoft Graph Toolkit” blog series
- New Microsoft 365 Patterns and Practices (PnP) team model with new community leads
- Microsoft 365 Community Content (non-Dev docs)
- PnP SPFx web part samples
- PnP SPFx extension samples
- GitHub PnPjs
- Tutorials - Getting started with SharePoint Framework v1.10 Tutorials (12 videos)
- Tutorials - Getting started with SharePoint Framework v1.10 Extensions (6 videos)
- Docs - Tutorials and training material for SharePoint Development
- SPFX Training Package
- SPFx Web Parts
- SPFx Extensions
- SPFx Library Components
- Documentation - PnPjs v2 documentation
- Link - Microsoft 365 developer training
- Link - Office 365 Developer Program
- Latest documentation on SharePoint Framework
- Found an issue with SharePoint Dev? - please let us know at https://aka.ms/spdev-issues
- Reusable web part property controls
- Reusable react controls for SharePoint Framework solutions
- Reusable controls webcast
- CLI for Microsoft 365
- PnP SPFx Yeoman Generator - Extends the out-of-the-box experience with open-source community capabilities
- SharePoint Dev UserVoice - for new feature requests
Other mentioned topics
Upcoming calls | Recurrent invites
- Microsoft 365 platform call | Tuesday, January 31, 8:00 am PT – https://aka.ms/m365-dev-call (weekly)
- Microsoft 365 General Dev call | Thursday, February 2, 7:00 am PT - https://aka.ms/m365-dev-sig (bi-weekly)
- Office add-in monthly call | Wednesday, February 8, 8:00 am PT - https://aka.ms/officeaddinscall (monthly)
- Viva Connections & SharePoint Framework call | Thursday, February 9, 7:00 am PT - https://aka.ms/spdev-spfx-call (bi-weekly)
- Power Platform monthly call | Wednesday, February 15, 8:00 am PT - https://aka.ms/PowerAppsMonthlyCall (monthly)
- Microsoft Identity Platform call | Thursday, February 16, 9:00 am PT - https://aka.ms/IDDevCommunityCalendar (monthly)
About
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 https://aka.ms/spdev-spfx-call. Welcome and join the discussion!
“Sharing is caring”
Microsoft 365 PnP team, Microsoft - 26th of January 2023