How to create an index for SharePoint Spaces using the content query web part

SharePoint Spaces are great and allow you to display data like never before however they are just regular pages and there is no place where you can get a central view of all the spaces you have created.

As part of the Library series of articles I’ve been doing (you can read more about it here and here) in this one I’ll show you how to build an index to display SharePoint Spaces using the content query web part.

The content query web part is an open source project included in the PnP initiative and it just got updated to make use of the latest version of the SharePoint Framework.

(more…)

By João Ferreira May 10, 2020 Development, Spaces 0 Comments

Create SharePoint Spaces templates using PnP PowerShell

After a few days exploring SharePoint Spaces I felt the necessity to get a pre-built template instead of starting from scratch every time.

Since SharePoint Spaces are created in the Site Pages library and each component is a web part I’ve tried to create my own template using PnP PowerShell and it worked perfectly.

I’ve built a space to display my magazines, and I want to replicate it to display books and other files I have in my library.

(more…)

By João Ferreira May 3, 2020 Development, SharePoint 0 Comments

How to use jQuery with SPFx projects

jQuery is a JavaScript library that helped to shape the internet we all know today, even though it’s first release was 13 years ago and despite the fact we now have access to other powerful libraries like React and Angular, jQuery is still used by 80% of the top 1M sites in the web.

With SharePoint framework you can use pretty much any JavaScript library to build your application however you will need to know how to make them available in the solution.

In this article I’ll explain you how to add jQuery to your SPFx solutions using 2 different methods.

(more…)

By João Ferreira Apr 22, 2020 Development, SharePoint 0 Comments

How to change the page layout on a modern SharePoint page

Modern SharePoint pages can be configured with three different page layouts but unfortunately, until now there is not an option in the UI to change them.

This article describes four different approaches that you can use to change the page layout and explains what you will get with each one.

(more…)

By João Ferreira Dec 8, 2019 Branding, Development, Office 365, SharePoint 0 Comments

Save a modern SharePoint list as a template

Save list as a template is one of the features that I miss the most on modern SharePoint, it was very handy to copy list definition and even to migrate lists with its content.

This functionality is not completely gone and with a few workarounds it’s still possible to bring it back however it’s not recommended to follow this path.

On this article I’ll explain you how to save a list as template on a communication or modern team site including lists with data.

(more…)

By João Ferreira Sep 15, 2019 Development, Office 365 3 Comments

Create a Fabric UI card layout on modern SharePoint pages

I’ve spent most of my professional life building custom intranets using classic publishing sites with custom page layouts and one of the features that was often requested was the card effect around the web parts.

While this was very simple to implement with custom page layouts on classic SharePoint, on modern SharePoint things are a bit different and require a different approach that I’ll explain in this article.

The instructions on this article will provide you a card layout like what is available on the modern Admin Portal.

(more…)

By João Ferreira Sep 3, 2019 Branding, Development, Office 365, SharePoint 6 Comments

Share SharePoint list and library items to Microsoft Teams

I’m a strong believer that Microsoft Teams and SharePoint will transform the way people collaborate with each other in the enterprise environment.

Over the past month I’ve been building solutions to help users and administrators with the adoption of Microsoft Teams by adding share buttons to SharePoint portals to quickly share relevant information to teams and channels.

Today I bring you a Command Set for modern SharePoint lists and libraries that will share a direct link to a list item or to a document on a document library.

(more…)

By João Ferreira Sep 1, 2019 Development, Office 365 4 Comments

Add a Share to Microsoft Teams button to your SharePoint sites

If you already have Microsoft Teams on your organization, I’m sure you spent most of your day collaborating with your coworkers on it.

SharePoint and Microsoft Teams are tight together in the business environment and with the extension provided in this article you will be able to easily share any page or library directly to any Teams channel.

This project was built an SPFx Application Customizer extension and adds a small button to the left side of your pages, once clicked it opens a popup that allows you to select the Team and the Channel where the page will be shared.

(more…)

By João Ferreira Aug 21, 2019 Development, Office 365 7 Comments

Join me at the Microsoft Insider Dev Tour in Lisbon on June 29, 2019

The insider Dev Tour is a Microsoft event that bring to multiple cities around the world the latest technologies to build experiences to Microsoft 365.

Whether you’re interested in Microsoft Windows, SharePoint, Teams, Graph, Identity or IoT, the Insider Dev Tour has you covered. Discover the latest client and web-developer technologies including Progressive Web Apps, C# and .NET Core, JavaScript, and a lot more.

(more…)

By João Ferreira Jun 12, 2019 Development 0 Comments

Get video thumbnails from SharePoint using Microsoft Graph

SharePoint Online has a service to generate and return links to media thumbnails stored in the libraries, It works great for a lot of formats but mp4 videos are no longer supported.

This article describes an alternative process to retrieve the thumbnails for the videos you have stored in the libraries using Microsoft Graph.

(more…)

By João Ferreira Jun 11, 2019 Development, Office 365 2 Comments