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
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
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
Some time ago I updated my SPFx sppkg file and as usual deployed it in my SharePoint app catalog, replaced the old version and when I hit the “Sync to Teams” button this showed up: Panic! Did I change something the wrong way? What did I do wrong? Why was the sync working before and
Using the Microsoft SharePoint Yeoman generator (for a quick review of the tool you can check this blog post) you can create your first ACE project. To create your first ACE with Yeoman you have to execute the command: and provide various values to it: What is your solution name? Your-Custom-Solution-Name Which type of client-side
The new SharePoint framework preview release is out! Please remember that, at the time of writing, this is currently a public beta. This is a minor release so it doesn’t contains a lot of changes, this version is focused on a better mobile experience when using the Adaptive Card Extensions. In detail there is now
The Adaptive Card Extension (aka ACE) is a custom component that enable the user to extend the Viva Connections’ dashboard using SPFx. When you create a Generic Card using the Microsoft SharePoint Yeoman generator you will have a solution like the following: In detail the src folder structure will be like the following picture: The
I bet that on your way developing components for SPFx you already know what console.log is and how to use it…but you know that there are also other useful methods? Following the documentation here you can find all the supported methods, some of which are: I think that some of the methods are pretty useful
PnP stands for Pattern & Practices, this is an initiative which include samples, guidance and tools regarding SharePoint Framework, Office 365 APIs, Office Add-ins, and Microsoft Graph. PnP is community driven open source project where Microsoft and external community members are sharing their knowledge and best practices for Office 365, SharePoint & Office. There are many