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…
Clean Up Your VS Code Explorer with One Click If you’re like most developers, your Visual Studio Code workspace can quickly become cluttered with generated folders, build artifacts, and other directories you don’t need to see all the time. Whether it’s node_modules, dist, build, or dozens of other outputs, navigating around these can be a distraction — especially…
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…
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…
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…
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…
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…
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…
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…
Introduction By utilizing the PnP PowerShell module, users can harness the power of scripting to automate tasks, reduce manual errors, and manage SharePoint resources effectively. This approach not only saves time but also enhances consistency across different environments. Additionally, leveraging this powerful tool allows for customization options that can align with specific project requirements. If…