• I was wondering how to use two different package version in the same project, maybe you’re wondering why I would do such a thing but picture this: You have a public NPM package and you want to update some of your controls that use an external package, but to avoid a breaking change you want…

    Read more

  • A while ago I needed to change an Azure Function timeout but I wanted to avoid, if possible, to republish it. After a little while searching I discovered this page which explain how to overwrite the values specified in the host.json file with the values specified from the Azure configuration. The article states that if…

    Read more

  • 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 is displayed: When the user…

    Read more

  • Today I was debugging an old web API project and suddenly an error appeared: I tried restarting Visual Studio but the error remains…considering that I didn’t change anything from the previous debugging session I decided to ask the web and after a little while searching I discovered a simple solution. In my case what I…

    Read more

  • 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 show the current user in…

    Read more

  • 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. After searching for a bit…

    Read more

  • 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 PnP JS. I developed a…

    Read more

  • 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, you can use Yeoman with…

    Read more

  • 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 them into one or more…

    Read more

  • Today I want to show a simple thing about ACEs and that is: how to register multiple quick views. In this sample I’ll be using two buttons in the card view to open differents quick views. Just a reminder before diving into the code: an ACE can be displayed in two sizes and those are…

    Read more