How do I use Office UI fabric in SPFx?

How do I use Office UI fabric in SPFx

In this spfx tutorial, we will see what is office UI fabric, how to integrate the office UI fabric in spfx web part. So, you can see the below points: What office UI fabric is? The office UI fabric is nowadays also known as Fluent UI. Fluent UI is a set of UX frameworks that … read more…

How to use SPFx preconfiguredentries with examples

preconfiguredentries SharePoint Framework

The SPFx preconfiguredentries property is a critical component of the Client Side Web Part manifest in the SharePoint Framework. So, what exactly is it, and what can we do with it? What is preconfiguredentries property for in spfx webpart Client Side Web Parts in SharePoint Framework are made up of two parts: the manifest, which … read more…

Create SPFx Web Part with jQuery Accordion

Create spfx web part with jquery accordion

This spfx tutorial will see how to install and integrate Jquery and JQueryUI accordion into the spfx web part. So here we will cover the below points to add the create spfx web part with JQuery and JQueryUI accordion: If you are new to spfx, check out, Set up SharePoint Framework (SPFx) development environment What … read more…

How to add custom controls in SPFx property pane

add custom controls in SPFx property pane

This SPFx tutorial will see to add custom controls in SPFx property pane in the SharePoint framework. By the end of the tutorial, you can also download the SPFx solution and run it. The SharePoint Framework includes a collection of basic property pane controls. However, there are situations when you want more capability in addition … read more…

@microsoft/generator-sharepoint update check failed

Microsoft generator sharePoint update check failed

In this Spfx tutorial, I have explained how to fix the warning @microsoft/generator-sharepoint update check failed which comes while creating an spfx client-side web part. And also I will show you how to fix the issue Can’t install SPFx Certificate on a windows machine. @microsoft/generator-sharepoint update check failed Here are the steps I was following … read more…

SPFx Send Email using PnP

how to send email in spfx

In this SPFx tutorial, we will discuss how to send email in SPFx using PnP. We will create an spfx send email utility using various react controls. In this particular SPFx client-side web part example, we will create an interface like the below by using SPFx PnP react controls: If you are new to SPFx … read more…

SPFx Fluent UI Basic List Example

SPFx Fluent UI Basic List Example

In this SPFx tutorial, we will see how to use Fluent UI basic list control in SPFx. Here is an example of an SPFx fluent ui basic list. Here we will display SharePoint list items in an SPFx client side web part using the fluent UI basic list control. The output will look like below: … read more…

SPFx fluent UI react dropdown example

spfx fluent ui react dropdown example

Want to know how to use react dropdown in SharePoint framework (SPFx)? This SPFx tutorial is all about how to use fluent UI react dropdown in SPFx. This is a complete SPFx fluent UI react dropdown example. This is going to be a step by step tutorial, where we will see how to create a … read more…

SPFx SwatchColorPicker Office UI Fabric React Control example

SPFx SwatchColorPicker Office UI Fabric React Control example

In this SPFx tutorial, we will discuss how to use SwatchColorPicker Office UI Fabric React Control in SPFx client side web part. Step by step we will see how to create an SPFx web part and then we will see how to use SwatchColorPicker react control inside it. Here we will use the ColorPicker, SwatchColorPicker … read more…

How to add new webpart in spfx solution

add new webpart in spfx solution

In this SPFx tutorial, let us discuss how to add new webpart in SPFx solution. We will see here, step by step how to add multiple web parts in a single SPFx solution (SharePoint framework). If you are new to SPFx webpart development then first check out the below two articles: How to Set up … read more…

office-ui-fabric-react combobox example in SharePoint Framework (SPFx)

spfx combobox example

In this SPFx tutorial, we will see an office-ui-fabric-react combobox example. In this office-ui-fabric-react combobox demo, we will see how to bind combobox from the choice values from a choice column from a SharePoint Online list. We will see here, office-ui-fabric-react combobox single select as well as office-ui-fabric-react combobox multiselect. And also we will see … read more…

>