SharePoint Framework Special Interest Group (SIG) bi-weekly community call recording from February 25th 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.
Call summary:
Register now for March trainings on Sharing-is-caring. Three new offerings announced – More than Code with VS Code, Maturity Model Practitioners, and First Time Presenter trainings. Also coming in Spring 2021, additional details on partner and customer extensibility options in Microsoft Viva Connections. Latest project updates called out. SPFx v1.12 more details on upcoming release with ETA – early March. PnPjs v2.3.0 scheduled for March 12, CLI for Microsoft 365 New beta v3.6. There were eleven PnP SPFx web part samples delivered last week. Great work! The host of this call is Patrick Rodgers (Microsoft) @mediocrebowler. Q&A takes place in chat throughout the call.
Always a highlight to see many familiar faces each week. Thanks for participating in this community.
Actions:
- Register for Sharing is Caring Events
-
- First Time Contributor Session – March 1st & 22nd (EMEA, APAC & US friendly times available)
- Community Docs Session – March
- PnP – SPFx Developer Workstation Setup – March 10th
- PnP SPFx Samples – Solving SPFx version differences using Node Version Manager – March 11th
- PnP – AMA (Ask Me Anything) – SPFx Samples Edition – March 9th
- First Time Presenter – March 24th
- More than Code with VSCode – March 23rd
- Maturity Model Practitioners – March 16th
- PnP Office Hours – 1:1 session – Register
-
- Download the recurrent invite for this call – https://aka.ms/spdev-spfx-call
Demos:
- Building a list view command set to demote previously promoted news articles from pages library – an extension allows users to demote read-only promoted news pages! Pull Theme colors from Global state object or UI Fabric getTheme for SVG icon. Code checks if page is in promoted state and if user has permissions to demote. Shows how extensions – in this case a demotion capability – can be made available to all sites across the tenant and adopt local site theme.
- Add Folder Command Extension for easy doc library structure management – a sample SPFx list view command set extension that allows users to create a parallel or nested folder hierarchy simply by typing names of folders into extension pop up and pressing the create folders button. The extension uses Sergei Sergeev’s spfx-fast-serve, React hooks, and ADS for adding folders. Has folder naming error checking and on-screen user guidance. Extension issues, workarounds and improvements are called out.
- Using reusable chart controls to present business data in a web part – a web part sample that uses PnP Reusable ChartControl to add theme aware, responsive fluent UI integrated charts (20 charts) to your web parts. Use plugins for custom rendering or for showing continuous data feed in a chart. The Chartinator control pulls static or dynamic data into web part. Define chart colors, type, layout, legend, animations in the properties pane.
- Save and Convert as PDF by PnP – Mikael Svenson | @mikaelsvenson
- Demote News Page – Mikael Svenson | @mikaelsvenson
SPFx web part samples: (https://aka.ms/spfx-webparts)
- Staff Directory – João Mendes | @joaojmendes
- List Menu – João Mendes | @joaojmendes
- Data Table – Chandani Prajapati | @Chandani_SPD
- List Form – Fredrik Thorild | @taxonomythorild
- List Menu – Ravi Chandra | @spfx_blog
- Security Grid – Russell Gove | @russgove
- Site Selected Admin – Fredrik Thorild | @taxonomythorild
- Chart Control – Hugo Bernier | @bernierh
- List Form – Kman1131
As you are aware, samples are often showcased in Demos. Thank you for your great work.
Agenda items:
- Latest updates on SharePoint Framework – Vesa Juvonen (Microsoft) | @vesajuvonen – 5:18
- PnPjs Client-Side Libraries – Patrick Rodgers (Microsoft) | @mediocrebowler – 7:23
- CLI for Microsoft 365 – Patrick Rodgers (Microsoft) | @mediocrebowler – 8:20
- PnP SPFx Controls – Patrick Rodgers (Microsoft) | @mediocrebowler – 9:22
- PnP Modern Search – Mikael Svenson (Microsoft) | @mikaelsvenson – 10:30
- PnP SPFx Samples – Hugo Bernier (Tahoe Ninjas) | @bernierh – 10:58
Demos :
- Building a list view command set to demote previously promoted news articles from pages library –Mikael Svenson (Microsoft) | @mikaelsvenson – 15:29
- Add Folder Command Extension for easy doc library structure management – Michaël Maillot (onepoint) | @michael_maillot | Deck – 25:25
- Using reusable chart controls to present business data in a web part – Hugo Bernier (Tahoe Ninjas) | @bernierh | Deck – 40:35
Resources:
Additional resources around the covered topics and links from the slides.
- The presentation used for this community call
- Sample – Add Folders Command
- Blog – Fixing base64 SVG icons in SPFx — an interactive post
- Document – Controlling tenant wide deployment from App Catalog site collection
- SharePoint UserVoice – We can Promote but not Demote News. Add ability to Demote News pages.
- Articles by Michaël Maillot
- Bug – SPFx ListViewCommandSet Extensions are no longer being loaded when switching list context in side navigation! #5704
- UserVoice – Show SharePoint custom Command Set extensions in Files Tab
- Repo – Add Folders Command
- Post – SharePoint Framework fast serve now supports library components
- Office Support – Invalid file names and file types in OneDrive and SharePoint
- Website – JavaScript charting for designers & developers
- Samples – Chart Control Samples
- PnP Samples – Samples by JavaScript Framework
- PnP Weekly – Episode 115 with MVP guest – Jarbas Horst (Valo Intranet) | @devjhorst | video | podcast
- Microsoft Viva Connections https://aka.ms/VivaConnections
General Resources:
- CLI for Microsoft 365 v3
- CodeTour
- Sharing is Caring | aka.ms/sharing-is-caring
- PnP Modern Search | 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 http://aka.ms/spdev-issues
- Reusable web part property controls
- Reusable react controls for SharePoint Framework solutions
- Reusable controls webcast
- Office 365 CLI
- 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 Graph call – March 2nd at 8:00am PDT | https://aka.ms/microsoftgraphcall
- M365 General Dev call – March 4th at 07:00am PDT | https://aka.ms/m365-dev-sig
- SharePoint monthly call – March 9th at 08:00am PDT | https://aka.ms/sp-call
- Office add-in monthly call – March 10th at 8 AM PDT | https://aka.ms/officeaddinscall
- SharePoint Framework call – March 11th at 07:00am PDT | https://aka.ms/spdev-spfx-call
- Adaptive Cards monthly call – March 11th at 9:00 am PDT | https://aka.ms/adaptivecardscommunitycall
- Microsoft Teams monthly call – March 16th at 8:00am PDT | https://aka.ms/microsoftteamscommunitycall
- Power Apps monthly call – March 17th at 8:00am PDT | https://aka.ms/PowerAppsMonthlyCall
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 a recurrent invite from https://aka.ms/spdev-spfx-call. Welcome and join the discussion!
“Sharing is caring”
Microsoft 365 Patterns and Practices team – 26th of February, 2021
