Categories
Azure Active Directory Microsoft Graph O365 PNPJS REACT SharePoint SharePoint Online

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

This is part 6 in a series about creating a React Hooks App with 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 […]

Categories
Azure Active Directory Microsoft Graph O365 PNPJS REACT SharePoint SharePoint Online

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 […]

Categories
Microsoft Power Apps O365 Power Apps Tips SharePoint Online

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 […]

Categories
Microsoft Power Apps O365 Power Apps Tips SharePoint Online

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 […]

Categories
Azure Active Directory Microsoft Graph O365 PNPJS REACT SharePoint SharePoint Online

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 […]

Categories
Microsoft Flow Microsoft Graph O365 PNPJS REACT SharePoint SharePoint Online

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 […]

Categories
Microsoft Flow Microsoft Graph O365 PNPJS REACT SharePoint SharePoint Online

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 […]

Categories
Azure Active Directory Microsoft Graph O365 PNPJS REACT SharePoint SharePoint Online

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 […]