Category: Development
-
Use Microsoft Graph Toolkit with SPFx and React

Microsoft Graph Toolkit aka MGT can be used inside an SPFx solution in a quick and easy way and I’m here to show you how. This sample shows how to use the Person MGT control inside a React SPFx web part, the result will be the following: Where we simply…
-
Change or remove the base /api path in Azure Functions

Cit: “Everything works and I like it, but I don’t want the /api in the URL, can you remove it?”. That was the incipit to this post. Before that I never wondered if there is a configuration or something to change or remove the /api base URL in Azure Functions.…
-
Tenant settings with SPFx and PnP JS

Tenant settings are a useful way to define settings for an SPFx solution without the need to handle all the settings in the property pane, in this way you also don’t need to configure the web part again if you need to remove it. To achieve this result we’re using…
-
DynamicForm to quickly create a custom form

Have you ever needed to create a custom form based on a SharePoint list? This article is for you! With the @pnp/spfx-controls-react NPM package you can quickly create a form based on the fields of a SharePoint list. To use the DynamicForm control you have to create an SPFx solution,…
-
SPFx and Property Pane

One of the most useful features of SPFx is the property pane, which allows end-users to configure web parts with several properties. The property pane has three key metadata: a page, an optional header, and at least one group. Pages provide you the flexibility to separate complex interactions and put…