Tag: SPFx

• Development SharePoint Framework

  How to use PnP PeoplePicker

  

  Today I want to cover the use of the PeoplePicker of the @pnp/spfx-controls-react package. The control let’s you select users and groups filtering them by the name, also you can specify if a single or a multiple selection is enabled. In this sample there are a PeoplePicker to select a…

  24/01/2024
• Development

  PnP SPFx RichText control

  

  Today I want to show you how to use the RichText control from the PnP SPFx react controls. This control allows the user to insert a text and enrich it using HTML in a transparent fashion for the user. Starting with the sample I created this is how the control…

  03/01/2024
• 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…

  20/12/2023
• Development

  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…

  06/12/2023
• Development SharePoint Framework

  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,…

  29/11/2023