SharePoint Framework

How to Set Up an NPM Repository in Azure DevOps for Your SharePoint Framework Solutions

greian DevOps, npm packages, SharePoint, SharePoint Framework , , , , , , , ,

One of the most underrated productivity boosts in SharePoint Framework development is the ability to share reusable SPFx components across multiple projects. Instead of copying code between solutions or maintaining private Git repositories for shared code, the cleanest approach is: Publish reusable SPFx components as private NPM packages Host them in your Azure DevOps Artifacts … Continue reading How to Set Up an NPM Repository in Azure DevOps for Your SharePoint Framework Solutions

Displaying Theme Colors in a SharePoint Framework (SPFx) Web Part

greian SharePoint, SharePoint Framework , ,

Introduction As a SharePoint developer, you often need to work with themes and ensure that your customizations align with the current theme of the site. In this blog post, I will walk you through a SharePoint Framework (SPFx) solution that displays the theme colors of the current theme on a SharePoint site. This web part … Continue reading Displaying Theme Colors in a SharePoint Framework (SPFx) Web Part

Creating an RSS Feed Custom Data Source for PnP Search

greian PnP Search, SharePoint, SharePoint Framework , , ,

Introduction In this blog post, we will walk through the steps to create a custom data source for PnP Search that fetches data from RSS feeds. We will use the RssDataSource.ts file as our reference. Read more about how to create custom data sources for the PnP Search Web Part here: https://microsoft-search.github.io/pnp-modern-search/extensibility/custom_data_sources/ Prerequisites Basic understanding of TypeScript … Continue reading Creating an RSS Feed Custom Data Source for PnP Search

Building a Likes Web Component as a PnP Search Extension

greian PnP Search, SharePoint, SharePoint Framework, SharePoint REST API , , ,

In this blog post, I will show an example of a LikesWebComponent as a search extension for the PnP Search Web Part. This component will allow users to like and unlike items for SharePoint items that are found and displayed in the PnP Search Web Part. The following image shows an example of the "Likes component" can … Continue reading Building a Likes Web Component as a PnP Search Extension

PnP Search Extension – Rendering a field value

greian SharePoint, SharePoint Framework, SharePoint REST API, Uncategorized , , ,

When using the PnP Search Web Parts, you have the possibilty of extending the web part by building custom web components that can be used in the handlebar code. (Read more about PnP Search extensibility here). In the handlebar templates in PnP Search, the values of managed search properties are used to display the search … Continue reading PnP Search Extension – Rendering a field value

Test SPFx web parts on modern page directly

greian SharePoint, SharePoint Framework

The case When developing web parts with SharePoint Framework (SPFx) you use the workbench both locally and online on a SharePoint site (/_layouts/15/workbench.aspx) to test and debug. Sometimes the workbench is limiting because differences in layout (canvas width), use of theme colors, etc. We would therefore like to be able to test and debug the … Continue reading Test SPFx web parts on modern page directly