Create your first SharePoint Copilot app

Introduction The beta release of SharePoint Framework version 1.24 introduces the support of a new SPFx solution component: the Copilot Component. SPFx beta version has some known issues that will be fixed in the future releases. This new component type allows the creation of SharePoint Copilot apps, these apps let developers embed interactive experiences directly within the Microsoft 365 Copilot interface, enabling users to take action without leaving the conversation.

iamguidozam.blog

Getting started with SPFx CLI: install and use

Introduction The SharePoint Framework version 1.23.0 (release note here) introduced a few new features, one of these new features is the introduction of a SPFx CLI. This new CLI is meant to replace the legacy Yeoman-based generator with also a template system that is versioned independently from the CLI itself! Getting started Requirements To start using the SPFx CLI you just need to install it, but before let's briefly cover what are the system requirements.

iamguidozam.blog

Pro-code Declarative Agent with SharePoint knowledge base

Introduction In this post I will not cover how to create a declarative agent, if you're interested in knowing the basics you can check my previous post here. When creating declarative agents the pro-code way, there are plenty of possibilities to customise your agents. In this post, I will cover how to add a SharePoint Online site as knowledge base for a declarative agent.

iamguidozam.blog

Use the FilePicker from the PnP reusable React controls

Introduction Proceeding with the appointments with the PnP React controls today I want to talk about the FilePicker control. The FilePicker control is a powerful and versatile component that allows users to browse and select files from various sources within your SharePoint Framework solutions. Whether you need to let users pick files from SharePoint document libraries, OneDrive, recent files, or even upload new files, the…

iamguidozam.blog

New Feature for SPFx extensions: Grouping for ListView command set

Introduction The new version 1.23 of the SharePoint Framework brings a couple of new features, one of those features is the introduction of grouping for the ListView command set. In this post I want to cover how this new functionality works and displays and to do this I've created a sample solution that you can find here. Visual Appearance…

iamguidozam.blog

Create your first declarative agent the pro-code way with VSCode

Introduction Nowadays Microsoft Copilot is THE argument when it comes to the Microsoft tenants, moreover we’re seeing an increase about using agents. Due to this I think it would be a good idea to start covering Copilot and I want to start with a Declarative Agent and since I’m a developer I want to start with the pro-code way of creating one.

iamguidozam.blog

Enable SharePoint AI on your tenant (preview)

Introduction ⚠️ This feature is in preview at the time of writing Artificial Intelligence is no longer a future capability in SharePoint—it’s already here, and it’s deeply integrated with the modern Microsoft 365 experience. With the introduction of Knowledge Agents, organisations can unlock contextual insights, automate knowledge discovery, and dramatically improve how users interact with content. In this post, we’ll walk through how to enable SharePoint AI on your tenant and what prerequisites you need.

iamguidozam.blog

Discover the ComboBoxListItemPicker control from the PnP reusable React controls

Introduction Continuing our exploration of the PnP React controls, today I want to talk about the ComboBoxListItemPicker control, a powerful component that combines the functionality of a combobox with SharePoint list item selection capabilities. If you're interested, you can find the code of this sample here. The ComboBoxListItemPicker control allows users to select one or more items from a SharePoint list using a combobox interface.

iamguidozam.blog

Discover the ListItemComment control from the PnP reusable React controls

Introduction Proceeding with the appointments with the PnP React controls today I want to talk about the ListItemComment control. If you're interested you can find the code of this sample here. The ListItemComment control is used to add and display comments for a SharePoint list item. Visual appearance Let's start with the visual appearance of the sample solution. As you can see the solution first asks for a SharePoint list in the current site.

iamguidozam.blog

Using top actions to configure web parts in a SPFx solution

Introduction With this blog post I want to cover what the top actions are and how to use those in your solution. The top actions of a web part are the commands available when you select a web part, to better understand what we are talking about, have a look at the following screenshot: What you might not know is that it's possible to add some customisation.

iamguidozam.blog

Storing App Configuration in OneDrive with Microsoft Graph using an SPFx Web Part

Introduction When building a SharePoint Framework web part, choosing where to store configuration can be surprisingly complex. SharePoint lists require provisioning, tenant properties can be restrictive, and hardcoded values aren’t maintainable nor a good practice. A cleaner alternative is to use Microsoft Graph—specifically the /me/drive/special/approot endpoint—to store configuration files in a secure, app-scoped folder within the current user’s OneDrive. The 

iamguidozam.blog

Using the PropertyFieldOrder from the PnP reusable property controls

Introduction Proceeding our dive into the PnP reusable property pane controls, I want to cover the PropertyFieldOrder control. The PnP reusable property pane controls is a package that contains a lot of useful controls that can be used in any SharePoint Framework web part's property pane, if you want to know more about this you can check out the official site…

iamguidozam.blog

Render a Mermaid diagram in an SPFx web part

Introduction Mermaid is quite useful, no doubt about that. It might also be useful to display diagrams in a SharePoint Online site. So, why not displaying a mermaid diagram in an SPFx web part? If you don't know Mermaid you can have a look here. Visual appearance Let's start having a look at a sample solution I've prepared. The solution is composed of a web part that allows, through the property pane, to configure the diagram to be shown.

iamguidozam.blog

Contributing is my Favorite 2025 - Microsoft 365 & Power Platform Community was issued by Microsoft 365 & Power Platform Community to Guido Zambarda.

Contributing is my Favorite - Microsoft 365 & Power Platform Community badge earners contributed to one or more Microsoft 365 & Power Platform Community initiatives within November to December in the ...

credly.com

Automate Microsoft MFA login using Playwright

Introduction During a session at ESPC 25, where I and the awesome Peter Paul Kirschner talked about developing, testing and deploying a SPFx solution, a person asked if Playwright supports MFA: the answer is yes, using a TOTP. This article wants to be an answer to that person and to everyone who wants to use Playwright but has strict company policies regarding MFA.

iamguidozam.blog

Copying Arrays in TypeScript: Spread vs Deep Linking

TLDR: use the spread operator for arrays of non-object items, otherwise you need to copy the array breaking the deep link of the objects using, for example, JSON.parse and JSON.stringify. If you're interested in knowing more keep reading! With this post I want to remind (mostly to myself) that there are different ways of copy an array. Sometimes, the behavior can be odd, and then you suddenly realize that the problem was the way you copied the array!

iamguidozam.blog

SPFx extensions: discover the field customizer

Introduction SharePoint Framework offers different extension project types, for example the Application customizer (more here), those extensions allow customization of the standard SharePoint Online UI/UX. With this article I will cover the field customizer extension. This extension allows customizing the appearance of a specific field of a SharePoint Online list. To demonstrate the use of a simple field customizer I've created a sample solution that you can find…

iamguidozam.blog

Essential Logging Techniques with @microsoft/sp-core-library

Introduction Ever you wonder what the Log class of the @microsoft/sp-core-library does? I did, so I tried it a little bit more in order to better understand how it works and what can be done with it. If you need a reference about how to use it you can have a look at a simple sample project here. First thing first: the developer dashboard…

iamguidozam.blog

Explore the features of SharePoint’s Developer Dashboard

Introduction Do you know that SharePoint offers the ability to open a panel dedicated to developers? This panel is called developer dashboard. Let's have a look at it! How to open it The developer dashboard is a useful panel that offers developers useful capabilities about SharePoint Framework solutions. In order to open the developer dashboard you just need to press…

iamguidozam.blog

Release notes - @pnp/spfx-controls-react

pnp.github.io

Microsoft 365 & Power Platform Call (Microsoft Speakers) - Community Takeover – August 26th, 2025 – Screenshot Summary - Warner Digital - David Warner II

Call Highlights   SharePoint Quicklinks: Primary PnP Website: https://aka.ms/m365pnp Documentation & Guidance SharePoint Dev Videos Issues List —– Sharing Is Caring: A community initiative that...

warner.digital

Use PnPjs to handle data in local and session storage

Introduction Proceeding with the appointments with the PnP packages, the PnPjs package is a great tool to help developers getting things done pretty quickly. With that in mind, in this post we will cover the PnPClientStorage class offered by the package. If you're interested you can find the code of this sample here. Visual appearance Starting with the visual appearance of the sample solution, it displays as follows:

iamguidozam.blog

Discover the ListView control from the PnP reusable React controls

Introduction Proceeding with the appointments with the PnP React controls today I want to talk about the ListView control. If you're interested you can find the code of this sample here. The ListView control is used to display a view for specific items. Visual appearance There are a lot of possibilities with this control, here I want to show some of those functionalities and I will start, as usual, with the visual appearance of the various features.

iamguidozam.blog

Practical SharePoint Framework (SPFx) Development, a book review

Introduction I’m a huge fan of technical books — especially those aimed at beginners.If you’ve been following my blog, you already know how passionate I am about helping newcomers. When I started my career as a developer, I had only a basic understanding of object-oriented programming and a pile of books to guide me through my journey. Recently, I came across a fantastic book on Packt titled…

iamguidozam.blog

Discover the Progress control from the PnP reusable React controls

Introduction Proceeding with the appointments with the PnP React controls today I want to talk about the Progress control. If you're interested you can find the code of this sample here. Visual appearance First of all let's start with the visual appearance of the control. In the sample the control pane is used to enable the user changing the behavior of the control.

iamguidozam.blog

Simplifying localization testing of an SPFx solution in the workbench

Introduction Localization is nowadays one of the most important things when developing a solution. Since not everyone knows English it is worth to support multiple languages. But to test this can require some settings change in our browser or in the account, right? Wrong. There are a couple of ways to test your localization without having to update your settings.

iamguidozam.blog