Category: SPFx

Consuming Google drive API from MS Teams App
Consuming Google drive API from MS Teams App
Blog Posts

It’s not uncommon for companies to have multi cloud setup and use both M365 and GSuite. MS Teams supports a data provider for Google drive but, the search experience there is quite poor. In such setup it can bring a great value to implement search across both M365 and Google Drive indexes and expose it… READ MORE

More flexible SPFx development with simple react app
More flexible SPFx development with simple react app
Blog Posts

If You are working on a big project based on SPFx You might have already thought about a way to simplify reusability of Your components and maybe speed up the development process a little bit. SharePoint Framework is a great tool but sadly, it doesn’t scale so well, especially when it comes to sharing functionality… READ MORE

SPFx Debugging Page Reloader
SPFx Debugging Page Reloader
Blog Posts

Whenever we want to debug an SPFx webpart on a site page we always search for the localdebug URL i.e.,  ?loadSPFX=true &debugManifestsFile=https://localhost:4321/temp/manifests.js   and append it to the site page. Many times it is not very handy as the port number might be different and there might be additional query parameters appended to the URL. I… READ MORE

Create your first Adaptive Card Extensions (ACEs) with SPFx
Create your first Adaptive Card Extensions (ACEs) with SPFx
Blog Posts

Introduction In this article, we will learn how to extend your Viva Connections with our known SharePoint Framework (SPFx). We can extend our Viva Connections dashboard with out-of-the-box web parts, custom SPFx web parts, extensions, and now with Adaptive Card Extensions, etc. What is Adaptive Card Extension? Adaptive card Extensions are a new component type that… READ MORE

Paging for SPFx Solutions with PnP Pagination Control
Paging for SPFx Solutions with PnP Pagination Control
Blog Posts

Overview Paging is a nice way to get faster access to data as well as give a nice user experience to browse through huge data. While working with SharePoint lists and libraries having a huge number of items or documents paging makes the navigation through data easy. In this article, we will explore using the… READ MORE

Implement Expand Collapse in SPFx with JavaScript
Implement Expand Collapse in SPFx with JavaScript
Blog Posts

Overview Expand / collapse (aka Accordion) is a very common requirement in SPFx web parts. There are various npm packages available for implementing this. In this article, we will explore implementing expand / collapse functionality in SPFx using plain JavaScript. Although the implementation is with plain JavaScript, it can also be used with React based… READ MORE

A SPFx Table Of Contents Extension for SharePoint
A SPFx Table Of Contents Extension for SharePoint
Blog Posts

A SPFx table of contents for your SharePoint modern pages to direct the readers where they need to be, in addition to making your pages more reader-friendly. On your SharePoint pages, using a table of contents can be useful to direct the reader to exactly where they need to be, in addition to making your… READ MORE