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 the capability of creating and execute code for a declarative agent.

Introduction Disclaimer: In this blog post I won't cover the basics of creating a SharePoint Copilot app, if you're interested in how to get started, have a look at my previous blog post here. SharePoint Copilot app is in public preview at the time of writing, some things may change in the future. When developing a SharePoint Copilot app you can leverage the integrated AI declarative agent in order to automatically populate the parameters of your React component.

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.

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.

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.

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…

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…

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.

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.

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.

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.

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.

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 

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…

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.

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 ...

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.

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!

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…

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…

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…

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...

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:

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.

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…

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.

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.

Introduction Proceeding our dive into the PnP reusable property pane controls I want to cover the PropertyGridField 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…

Introduction SharePoint Framework version 1.21 is in RC at the time of writing and I couldn't resist to try one of the new functionalities: the support to flexible sections. I'm writing about a SPFx release candidate version, the final release can differ from the RC. Flexible sections are a great new feature in SharePoint Online. Those sections enables a more customizable layout inside SharePoint pages.

Introduction Do you need to specify a custom font in your SharePoint Framework solution? This blog post is for you. SharePoint Online nowadays supports custom fonts through Brand Center, allowing organizations to enhance their branding by incorporating unique typography. However, in certain cases, it might be necessary to use a particular font that align with the company’s branding guidelines, and for some policies, it's not allowed to load it from an external URL, which can pose a significant challenge.

Introduction Search is always a nice addition to application, with this blog post I want to introduce you about how to leverage PnPjs to enhance the search capabilities of your SPFx project. PnPjs …

Introduction Proceeding with the appointments with the MGT (Microsoft Graph Toolkit) controls today I want to talk about the ThemeToggle control. The control is a little bit different than the other MGT controls. This one does not need a context to be set so you don't need to prepare (almost) anything in order to use the control. The ThemeToggle control allows you to toggle from a light to dark theme (and vice versa) for all the MGT components.

Introduction Proceeding our dive into the PnP reusable property pane controls I want to cover the PropertyFieldViewPicker 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…

Introduction: Gulp Serve vs. spfx-fast-serve When developing SharePoint Framework (SPFx) solutions, the traditional gulp serve command is a common way to test your project locally. However, one major downside is the slow build and reload times, especially for larger projects. This is where spfx-fast-serve comes in, providing a faster alternative with efficient build processes and hot module reload capabilities. Installing spfx-fast-serve…

Introduction Ahoy, matey! So ye be wantin’ to learn more 'bout localization, uh? Let’s hoist the anchor and set sail! I'm not writing as if I'm a pirate without no reason, with this blog post I want to demonstrate how to localize the Microsoft Graph Toolkit (MGT) components strings. Let's start with the theory first! MGT offers the ability to localize some of the components strings.

Introduction Proceeding our dive into the PnP reusable property pane controls I want to cover the PropertyFieldColumnPicker 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…

Microsoft has announced the retirement of Azure CDN services from the azureedge.net domain by January 15, 2025, driven by Edgio’s (formerly Limelight

Introduction Proceeding our dive into the PnP reusable property pane controls I want to cover the PropertyFieldListPicker 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…

Discover how to get even more out of your beautiful, smart, high-impact intranet and content management solution! Join us next week Wed, Jan. 29, 2025,...