Modern Script Editor Web Part using SharePoint Framework (SPFx)

Script editor web part for modern pages using spfx

In classic SharePoint sites, the script editor webpart is available, but in modern SharePoint Online sites, it is not available due to security and performance considerations. To achieve similar functionality, we can create an SPFx React-based script editor webpart. In this article, I will explain how to create a script editor webpart for the SharePoint … Read more >>>

SPFx Application Customizer Example

SPFx Application Customizer Example

A few days ago, I started working on SharePoint Framework (SPFx) Application Customizer extensions and tried out different ways to customize the top and bottom placeholders in SharePoint. While working on those examples, I also created a useful extension displaying multiple time zone clocks in the SharePoint site header using an SPFx Application Customizer. This … Read more >>>

Display Current User Name in SPFx Client Side Web Part

Spfx get current user

If you’re new to SharePoint Framework (SPFx) or just starting to build the web parts, one of the first things you need to know is how to get the current logged-in user’s information in SharePoint Online. Refer to the image below: In this article, you’ll learn how to fetch and display details such as the … Read more >>>

Add Bootstrap to SharePoint SPFx Webpart – Step By Step

react bootstrap table with pagination

Bootstrap is one of the most popular frameworks for front-end web development. Instead of using plain HTML and CSS for styling, you can use Bootstrap libraries. With Bootstrap, we can quickly add styling and layout features without writing a lot of CSS. In SPFx development, you can also use Bootstrap libraries to provide styling in … Read more >>>

Bind Dropdown from SharePoint List in SPFx (SPHttpClient, PnPJS, Graph)

SPFx show list items in a drop down

Recently, I was working on several SPFx solutions, including SPFx web parts and form customizer extensions for creating forms and storing their inputs in SharePoint lists. In those forms, for the dropdown values, I was required to bind SharePoint list choice field values, so that whenever I added new choices, they would be automatically updated. … Read more >>>

Retrieve Current User Information in SPFx Web Part using Graph API

sharepoint framework microsoft graph api

As a SharePoint Framework developer, you may need to retrieve the current user’s information frequently. Recently, I got a requirement from a client to display logged-in user information, such as Email, Display Name, Job Title, Department, etc., in a SPFx web part. I did this using Microsoft Graph API. In this article, we will see … Read more >>>

How to Use Microsoft Graph API in SPFx Web Parts

ms graph api to fetch current user info in spfx webpart

When working with SharePoint Framework (SPFx) solutions, we may need to extend beyond the SharePoint REST APIs and access other Microsoft 365 services, such as OneDrive, Outlook, Teams, and Azure AD user data. In those cases, we can use the Microsoft Graph API. In this article, I will explain how to use the Microsoft Graph … Read more >>>

SPFx Accordion Webpart Example

spfx sample accordian example

I recently worked on a SharePoint Framework (SPFx) project for a client where we created an accordion webpart. In this tutorial, I will explain how to create an SPFx Accordion Web Part using sample data with the help of @pnp/spfx-controls-react in the React Framework. Accordions are commonly used for displaying frequently asked questions (FAQs). In … Read more >>>

>

Build a High-Performance Project Management Site in SharePoint Online

User registration Power Apps canvas app

DOWNLOAD USER REGISTRATION POWER APPS CANVAS APP

Download a fully functional Power Apps Canvas App (with Power Automate): User Registration App

Power Platform Tutorial FREE PDF Download

FREE Power Platform Tutorial PDF

Download 135 Pages FREE PDF on Microsoft Power Platform Tutorial. Learn Now…