Tag: SPFx
-
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…
-
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…
-
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…
-
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…
-
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.…