O365

Create a SharePoint App with React: Connecting with the Microsoft Graph

This is part 6 in a series about creating a React App, using the Microsoft PNPJS library and Ui-Fabric in SharePoint. The app will use the Microsoft PNPJS library to surface the data in the backing SharePoint list data and Microsoft Power Automate to do the Approval workflows. Please NOTE: PNPJS v2 was published Dec …

Create a SharePoint App with React: Connecting with the Microsoft Graph Read More »

Create a SharePoint App with React: Save to SharePoint with pnp/sp

This is part 5 in a series about creating a React App, using the Microsoft PNPJS library and Ui-Fabric in SharePoint. The app will use the Microsoft PNPJS library to surface the data in the backing SharePoint list data and Microsoft Power Automate to do the Approval workflows. Please NOTE: PNPJS v2 was published Dec …

Create a SharePoint App with React: Save to SharePoint with pnp/sp Read More »

Power Apps Tip – Verify Lists

An ongoing list of examples of developing with Microsoft Power Apps. Verify List Contents The listbox on the left is named lbPowerAppsTips , it’s Items property is set to the SharePoint list datasource named PowerAppsTips The listbox on the right is named lbPowerAppsTipsCollection and its Items property is set to a collection named PowerAppsTipsCollection. The …

Power Apps Tip – Verify Lists Read More »

Power Apps Tip – Connector – Office365Groups

Connector – Office365Groups Returns the groups a user belongs to. Return Structure = Table Functions: Surface a single value – Place a label on the canvas Set the label Text property to: First(Office365Groups.ListOwnedGroups().value).displayName Surface multiple values – Place a Gallery control on the canvas Set the Gallery controls Items property to: Office365Groups.ListOwnedGroups().value Select the Gallery …

Power Apps Tip – Connector – Office365Groups Read More »

Create a SharePoint App with React: Surface SharePoint list data with pnp/sp

This is part 4 in a series about creating a React App, using the Microsoft PNPJS library and Ui-Fabric in SharePoint. The app will use the Microsoft PNPJS library to surface the data in the backing SharePoint list data and Microsoft Power Automate to do the Approval workflows. In Part 2 we removed the following …

Create a SharePoint App with React: Surface SharePoint list data with pnp/sp Read More »

Create a SharePoint App with React: Styling! Add UI-Fabric controls and styles.

This is part 3 in a series about creating a React App, using the Microsoft PNPJS library and Ui-Fabric in SharePoint. The app will use the Microsoft PNPJS library to surface the data in the backing SharePoint list data. In package.json make sure that “office-ui-fabric-react” is installed. In the src directory, we need to change …

Create a SharePoint App with React: Styling! Add UI-Fabric controls and styles. Read More »

Create a SharePoint App with React: Setup

This is part 2 in a series about creating a React App, using the Microsoft PNPJS library and Ui-Fabric in SharePoint. In your SharePoint tenant, create a new folder. I named my folder AppsLibrary. This will be the main home for all the React apps I create in SharePoint. Navigate into the AppsLibrary folder and …

Create a SharePoint App with React: Setup Read More »

Create a SharePoint App with React: Overview

This is part 1 in a series about creating a React App, using the Microsoft Toolkit and Ui-Fabric in SharePoint. There are several ways to use the Microsoft Graph, e.g. JavaScript SDK, Microsoft PNPJS library or the new Microsoft Toolkit, this project will use the PNPJS Library to surface the data in the backing SharePoint …

Create a SharePoint App with React: Overview Read More »