Book Image

Customizing and Extending SharePoint Online

By : Matti Paukkonen
Book Image

Customizing and Extending SharePoint Online

By: Matti Paukkonen

Overview of this book

Explore the robust functionalities of SharePoint that ensure your business processes remain flexible and scalable. With its custom development features, SharePoint presents abundant opportunities to meet evolving needs, deliver personalized experiences, and seamlessly integrate across platforms. If you’re looking for practical guidance on developing custom SharePoint solutions, Customizing and Extending SharePoint Online is your essential companion. This book takes you through the different techniques for customizing SharePoint, harnessing its native capabilities, and extending them across other platforms. You’ll begin by organizing content with SharePoint sites and learning best practices for permission governance before learning how to create and manage pages and use web parts to create, aggregate, and format content. This SharePoint book also covers specialized use cases of the Viva Suite and delves into SharePoint automation with Power Automate while extending solutions with Power Apps. Toward the end, you’ll get to grips with designing personalized solutions with SharePoint Framework and Microsoft Graph. By the end of this book, you’ll be ready to deliver highly customized SharePoint solutions that align with your business objectives.
Table of Contents (27 chapters)
Free Chapter
1
Part 1:Exploring SharePoint Online
8
Part 2:Enhancing the SharePoint Content
14
Part 3:Automate and Extend SharePoint Experiences
19
Part 4:Create Your Own Customization using SharePoint Framework and Microsoft Graph

Customize List and Library Forms with Form Customizers

Form Customizers enable overriding the default form on SharePoint lists and libraries, adding custom logic to display, editing and adding items, and customizing the layout of the form. Form Customizers have been introduced on the SharePoint Framework v1.15.

Let’s create a simple example, this time using PnP Reusable React Controls created and supported by Microsoft 365 and Power Platform Community, which is an open-source developer community sharing and contributing on samples, reusable components, and knowledge. In this case, let’s use the DynamicForm component for creating the custom form. And the first step after creating the project is to install these controls using:

npm install @pnp/spfx-controls-react

Using the DynamicForm is simple, just add it to the render() method of the React component.

Figure 19.25 - DynamicForm on the Reach component

Figure 19.25 - DynamicForm on the Reach component

The DynamicForm will automatically...