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

Creating 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

Creating 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

Creating 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

Creating 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

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

Categories
Microsoft Power Apps O365

Power Apps: State Management

Why do we need state? We use state in our applications to preserve values, to preserve user set values. We use state to preserve user choices, to preserve app settings and more. State management refers to the management of the state of one or more user interface controls such as text fields, OK buttons, radio buttons, etc. in a graphical […]

Categories
Web Design

Web Design Resources

Designers have a variety of frameworks and libraries at their fingertips these days to develop sites and apps for both web and mobile platforms. This is an ongoing list of resources. Style Libraries: Bootstrap Google Material Design Microsoft Ui-Fabric http://www.blueprintcss.org/ Frameworks Angular Vue https://www.polymer-project.org/ Gatsby Developer Libraries React WordPress Themes Bootswatch – Free WordPress Themes […]

Categories
Real Estate Web Design WordPress WPL

Create a Real Estate Website with WordPress

How To Create a Real Estate Website with the default WordPress editor named Gutenberg and WPL from Realtyna along with 3 more free Block plugins.