Recording of the Microsoft 365 – General M365 development Special Interest Group (SIG) community call from May 27, 2021.
Call Summary
Latest news from Microsoft 365 engineering and updates on open-source projects: PnP .NET libraries, PnP PowerShell, modernization tooling, on yo Teams, on Microsoft Graph Toolkit, and on Microsoft Teams Samples.
Join on the Viva Connections private preview! The Microsoft Teams Toolkit v2 is now available! Looking to get started with Microsoft Teams development? Don’t miss out our Teams samples gallery! Check out the Microsoft 365 Extensibility look book gallery, and register now for June trainings on Sharing-is-caring. Recent PnP project releases include - yo Teams generator-teams (apps generator) v3.1.0 GA, v3.2.0 Preview, yo teams-build-core (gulp tasks) v1.2.0 Preview, and Microsoft Graph Toolkit v2.2.0 GA along with insights into MGT vNext.
Open-source project status:
Project | Current Version | Release/Status |
PnP .NET Libraries - PnP Framework | v1.4.0 | Prepping for v1.5.0 release week of May 31 |
PnP .NET Libraries - PnP Core SDK | v1.1.0 | Prepping for v1.2.0 release week of May 31 |
PnP PowerShell | v1.5.0 (just added Cmdlets for Viva Connections and Syntex) | Prepping for v1.6.0 (June) |
Yo teams - generator-teams | Released v3.1.0 GA, v3.2.0 Preview | Preview with Viva Connections support |
Yo teams - yoteams-build-core | v1.1.0, v1.2.0 Preview | |
Yo teams - msteams-react-base-component | v3.1.0 | |
Microsoft Graph Toolkit (MGT) | v2.2.0 GA |
Additionally, 2 new Teams samples were delivered in the last 2 weeks. The host of this call was David Warner II (Catapult Systems) | @DavidWarnerII. Q&A takes place in chat throughout the call.
Actions:
Microsoft Teams Development Samples: (https://aka.ms/TeamsSampleBrowser)
Action Preview - Markus Moeller |@Moeller2_0
Teams Context Viewer tab - Sébastien Levert | @sebastienlevert
Hello! it’s always great to see everyone on the call today. Thanks for participating.
Demos delivered in this session
Getting started with HTWOO UI – Fluent Design in HTML and CSS – an open-source community driven Fluent UI driven framework that’s just HTML, CSS and a bit of JS. Simple to use in the Microsoft 365 ecosystem, same branding as Fluent UI. Complete component library - tables, typography, avatars, icons, dialogs and more. Steps through HTWOO install – a npm package and 2 theme aware SPFx web parts. Complete documentation and samples.
Gain your users attention with the Microsoft Teams Activity Feed API – send activity notifications from both apps that live outside Teams and others (like static tabs) inside Teams, to Teams tabs, bots, chat. Uses the activity feed notification APIs in Microsoft Graph. Presenter review types of metadata on messages, requirements for sending defined activity type notifications, app registration, consent, manifest, notifications settings in Teams, etc. Then steps through the code for simple and advanced notifications.
Deep linking from List Formatting to Power Automate solution – Integrate lists, list formatting and Power Apps. Achieve similar look and feel using same SVG icons in lists and Power App. Call for list data from a Power App. Launch a Power App and send mail from within a list. Color SVG icons using fill properties in Inkscape SVG Editor. Showed using code from 2 samples in this demo.
Thank you for your work. Samples are often showcased in Demos.
Topics covered in this call
Demo: Getting started with HTWOO UI – Fluent Design in HTML and CSS – Stefan Bauer (N8D) | @StfBauer - 15:31
Demo: Gain your users attention with the Microsoft Teams Activity Feed API – Thomas Gölles (Solvion) | @thomyg - 29:54
Demo: Deep linking from List Formatting to Power Automate solution – Chris Kent (DMI) | @theChrisKent - 44:55
Resources:
Additional resources around the covered topics and links from the slides.
Blog Post - HTWOO UI launched – Fluent Design in HTML and CSS
Documentation: ABOUT HTWOO UI
Repo: HTWOO UI framework
Samples: htwoo-samples
Documentation - Send activity feed notifications to users in Microsoft Teams
Video - Microsoft Teams – Use the teamwork Microsoft Graph endpoint
Documentation - Create deep links
Graphics - Fluent UI Icon Search
Sample - Person Mail To Link
Sample - Launch Power App Button
Blog post - Custom Icon Buttons in Power Apps with Hover Color
Editor - Inkscape - https://inkscape.org
General resources:
Upcoming Calls | Recurrent Invites:
General Microsoft 365 Dev Special Interest Group bi-weekly calls are targeted at anyone who's interested in the general Microsoft 365 development topics. This includes Microsoft Teams, Bots, Microsoft Graph, CSOM, REST, site provisioning, PnP PowerShell, PnP Sites Core, Site Designs, Microsoft Flow, PowerApps, Column Formatting, list formatting, etc. topics. More details on the Microsoft 365 community from http://aka.ms/m365pnp. We also welcome community demos, if you are interested in doing a live demo in these calls!
You can download recurrent invite from http://aka.ms/m365-dev-sig. Welcome and join in the discussion. If you have any questions, comments, or feedback, feel free to provide your input as comments to this post as well. More details on the Microsoft 365 community and options to get involved are available from http://aka.ms/m365pnp.
“Sharing is caring”
Microsoft 365 PnP team, Microsoft - 28th of May 2021
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.