If you use a node version manager like nvm or nvs, wouldn’t you like to automatically load the right version of Node.js when you open an SPFx solution in VSCode? I know I do. Because I am lazy.
You may have noticed that most of my content is missing. Don’t worry, it is coming back… Eventually.
Introduction If you’ve ever tried to give a PowerPoint presentation and switch to your desktop to do a demo, you may have noticed that PowerPoint tends to fight with you to stay in slide show mode.
This is an interactive post that you can customize to get a personalized list of commands you’ll need when contributing to a PnP repository on GitHub.
Find out how you create create shortcuts that will launch your Edge browser with a different profile. Bonus: find out how to configure your Stream Deck buttons to launch Edge, Teams, and conference calls using different browsers.
I’m not a great presenter. I have been working in IT for over thirty years, during which time I have done many technical demos… and failed many of them.
Introduction If you’re an SPFx developer who uses Visual Studio Code, you may have noticed that the JSON files that the Yeoman generator creates contain comments to help you understand how to configure your manifest. The only problem is: JSON files aren’t supposed to have comments.
Edge Chromium lets you use different browsing profiles, but did you know that you could have custom profile images for each one? Here’ show.
Microsoft Lists will soon make it easy to create rules to react to changes in your lists. Find out what I’ve learned so far.
Like chameleons, SPFx web parts can change colors to adapt to changing environments and blend in. Find out how to build good-looking web parts on any theme.
Introduction As Microsoft Lists starts rolling out to Microsoft 365, I find that more and more people seem to get confused about Microsoft Lists vs SharePoint, or complaining about how they’ll have to “learn a new product … again!
If you’re getting errors in modern SharePoint pages when trying to open a link in a new tab, read this.
In this post, I’ll show you how you can use SCSS pseudo-classes in your SPFx projects and configure stylelint so that it doesn’t give you any warnings.
Find out how you can automatically synchronize your NodeJS package version with your web part solution version and display it in a web part’s property pane.
With some Word template know-how and Power Automate, you can dynamically generate documents in your business processes. Find out how!
The on-premises data gateway allows your cloud-based Power Platform services to access your on-premises data, such as databases, file shares, and SharePoint data. Find out how it works and how to u…
Sometimes you just need to find your SharePoint Online tenant ID and you don’t have access to the Azure Admin center.
Find out how designing Power Automate workflows and the Ohio State University campus have in common.
Find out how the Xbox Adaptive Controller gives everyone the opportunity to be anyone they want to be online
Here is a handy compatibility matrix telling you which version of SharePoint and SPFx work together.
In today’s post, we unearth an old SharePoint feature from 2009 and create a more contemporary version of it to help redirect users from your old on-premises SharePoint to SharePoint online.
Using Edge Chromium, you can open multiple browser windows as multiple Office 365 users. Here’s how to do it.
Making your first contribution to the SharePoint PnP community can be scary!
I asked the SharePoint Developer Community what development tools they use on their workstations to develop SPFx solutions. They came through!
According to Microsoft, you should be able to use a base64-encoded SVG image for your web part icon, but it hasn’t worked in a while. Here is how to fix it.
In today’s post in the web part layout series, we discuss the compact layout.
Here is a list of the most common SharePoint Developer community repositories and information to get started with each one.
In today’s post, we’ll set up a SharePoint list and walk you through how to implement the flow, step-by-step.
Today, we’ll explain how to use Flow to import events daily from an iCal feed into a SharePoint list.
My goal is to take major SharePoint/Office 365 announcements, videos, and other relevant pieces of information which may require too much time for busy people to read and watch, and to boil it down to the essential.
If you’ve ever used Visual Studio’s Web Deploy feature to deploy using a file share, you may have experienced issues where some files cannot be overwritten because they are in use. You may not already know this: ASP.NET Core has a built-in mechanism to take applications offline and display a message. This article describes how you can use Visual Studio’s Web Deploy feature to automatically take your web application offline while you deploy a new version, and restore it back online when deployment is complete using (pretty much) all out-of-the-box features of Visual Studio and ASP.NET Core.
Sometimes, you just want to create a link to someone’s Delve profile in SharePoint Online.
This article focuses on the GitHub commands. If you need help with your first contribution, David Warner II has kindly volunteered to help anyone with their first PnP contribution. He’s a true main on the topic.
Today’s post is a companion to the Designing SharePoint web part page.
In today’s post, we’ll continue our discussion about the web part layout patterns and discuss the carousel layout.
This article discusses the current limitation with URL lengths in SharePoint. It discusses how this limitation manifests itself, and how it can impact you during your SharePoint migration.
I’m not a designer or a user experience specialist, but I’ll take the time to do paper napkin drawings, whiteboard drawings, and any other available tools to help work through how my sites are going to be structured and laid out.
Today’s post is a companion to the Designing SharePoint web part page.
Sometimes, when working on a SPFx project, I just want to define a CSS class in my .scss file but I don’t want the SASS pre-processor to append random strings to my class names.
In today’s post, we’ll begin discussing the web part layout patterns.
Here is a timeline which highlights the SPFx Yeoman generator’s history since it first became available.
Today, we’ll look at out-of-the-box web parts and we’ll discuss how to replicate some of their property panes in your own web parts.
Today’s post continues on my previous post. It discusses various aspects of property panes that you may find useful.
This post will explain some of the tips and tricks to use when buying new software that will help you make an educated decision.
Today’s post is a companion to the Designing SharePoint web part page.
This post will explain some of the tips and tricks to use when buying new software that will help you make an educated decision.
Anyone who has worked with me on a SharePoint project knows that I firmly believe that a good custom web part must be indistinguishable from the out-of-the-box SharePoint web parts. They need to look and behave like they were written by whichever awesome team at Microsoft is responsible for writing those things.
Sometimes you just need to figure out what version of the SPFx Yeoman generator is installed on someone’s machine.
In this post, I’ll show you how to count how many items were returned by SharePoint and how to test if any items were found.
Anyone who has worked with me on a SharePoint project knows that I firmly believe that a good custom web part must be indistinguishable from the out-of-the-box SharePoint web parts. They need to look and behave like they were written by whichever awesome team at Microsoft is responsible for writing those things.
In this post, I’ll show you how to count how many items were returned by SharePoint and how to test if any items were found.
This article explains how to use the SharePoint connector and the GetItems action to retrieve items from a SharePoint list.
When testing a SharePoint web part on the SPFx workbench, analyzing network traffic using your web browser’s developer tools can get pretty overwhelming; there are so many telemetry calls every few seconds that it becomes impossible to figure out what calls are real API calls, and which ones are telemetry calls.
Sometimes, you need to create a view in a SharePoint list where the items are sorted using a custom sort order. For example, if you had a list of items that needs to be sorted by Rating where the possible choices are High, Medium, and Low, your list items would appear in the following order: High, Low, and Medium because SharePoint will want to sort your Rating values alphabetically.
A while ago, I wrote an SPFx Application Customizer that allows you to insert custom CSS on your SharePoint modern pages and posted about it. The solution is now a sample in the SharePoint SharePoi…
Every once in a while, I write a blog post as a note to myself about something that I couldn’t find easily with the hope that next time I (or someone else in need) look for it, it’ll be easy to find. This is the case with this one.
This blog post explains why I think the Office 365 Dev Community is awesome and why you should consider becoming part of it.
When migrating from SharePoint on-premises to SharePoint Online/Office 365, you may find that some users have a checked-out file called spcommon[1].png. If you ask users about it, they’ll have no idea what you’re talking about.
This article is written as if you’re following along and converting the application yourself. Feel free to skip to the end to get the code and compare Eric’s JavaScript-only SPFx web part with my React version of the same web part.
This article will describe some of the techniques and approaches I used to reverse engineer the out-of-the-box File Picker to create my own.
This article is a compilation of the best “best practices” articles I could find. I have included the list of articles at the end.
This article will demonstrate how to use multi-cursor editing. I don’t think it is particularly earth-shattering, but I do hope that someone else will learn ways to save some keystrokes.
If you’ve ever tried to Google something when you don’t have the right keywords, you know how hard it is to find information.
Being autistic does not mean being condemned to never achieve anything in life. It comes with its own set of challenges, neither better nor worse than any person — neuro-typical or not.
This article will give you pro tips to guarantee your migration from SharePoint to Office 365 will fail.
In software projects, we have a tendency to repeat the same mistakes over and over again.
I recently published the list of developer tools that I use as a SharePoint Framework developer. The list was inspired from Scott Hanselman’s own list — he deserves all the credit for the idea.
In this article, we’ll discuss the logical dimension of IA.
In the last article, we looked at the logical IA. While the physical IA caters to your authors, the logical IA should cater to your readers. But there is one more dimension to consider: the metadata dimension.
Microsoft is changing from the company everyone (but me) loves to hate, and it is becoming cool. Well, cooler.
In this article, I’ll discuss how to avoid the “One size fits all” approach for IA, and how it should constantly evolve.
In this article, we’ll discuss how to create news that will make your employees pay attention to.
In my previous post on Information Architecture (IA), I explained how using your organization’s Org Chart leads to bad IA. Unfortunately, creating an IA that caters to every user in your organization, then trying to fit it all in a single navigation structure would be difficult to achieve.
This is the first in a series of articles discussing various aspects of Information Architecture within SharePoint.
SharePoint client-side web parts (SPFx) allow you to define custom properties that your users can use to customize your web parts
This article will explain what CORS is, and how to avoid issues with CORS when making HTTP requests to an external resource.
If you write SPFx web parts or extensions using React, you may have had to assign more than one or more CSS classes to the same element.
This article will show you how you too can install and configure this command line interface.
A while ago, I wrote an article describing how you can inject a custom CSS stylesheet on SharePoint modern pages using an SPFx application extension. The code sample is now part of the SharePoint SP-Dev-Fx-Extensions repository on GitHub. Since the article, I have been getting tons of e-mails asking all sorts of questions about the solution. Since SPFx 1.6 was released, I took the opportunity to upgrade the solution to the latest and greatest version of the toolset. You can find the latest code on GitHub, or download the latest SharePoint package. In this post, I’ll (hopefully) answer some questions about how to use it.
This article explain a (mostly) pain-free to upgrade your SPFx solution. Waldek explains this process in details, but this is a summary of how to do it.
In this article, we’ll: create a web part solution, add a mock service to return test events, and we’ll display a simple list of events
This article will show you how you too can install and configure this command line interface.
So, I thought: why not try re-creating the out-of-the-box SharePoint events web part, but instead of reading events from a SharePoint list (or group calendar), it would read from WordPress?
If you need to customize the look and feel of modern pages, you can use custom tenant branding, custom site designs, and modern site themes without incurring the wrath of the SharePoint gods.
That’s what I hope to do with this series of blog articles: demonstrate easy ways to introduce some level of governance using new enabling technologies — like SPFx web parts, extensions, and site scripts.
In part 1 of this article, I introduced the concept for an SPFx extension that adds a header to every page, showing the classification information for a site. We’ll actually do the coding in this article!
In this article, we’ll discuss how we use property bags to store the security classification.
In this part, we will finally get to add code to our extension that reads the property bag of the current site and displays the appropriate site classification label.
In this part, we will clean up a few things, package and deploy the extension.
In this article, I’ll share a PowerShell script I use to deploy to many sites at once.
This article is a great example of that mentality. I’m really standing on the shoulder of giants and combining a few links and re-using someone else’s code (with credit, of course) to document what my approach to versioning SPFx packages is, with the hope that it helps someone else.
When you create an SPFx web part, the default Property Pane automatically submits changes to the web part. There is no “Apply” button. But sometimes you don’t want changes to the property pane fields to automatically apply. All you have to do is to add this method in your web part class…
Unless you’re a SharePoint geek like me, you may not have been eagerly waiting for this new feature announced at Ignite 2017 in Orlando. Hub sites are a special site template that allows you to logically group team sites and communication sites under another site, with a shared navigation, theme, and logo.
I was trying to write a little app to programmatically download files from a SharePoint instance on Office 365 to a local folder on my hard-drive/network file share — something I’ve probably done a thousand times
You may never need this tip, but I recently ran into an issue where my article page’s Edit Page button stopped working in SharePoint 2013 (probably something I messed up with the master page… I’ll fix it later). I Googled and Binged everywhere, but couldn’t find how to switch an article page to edit mode.
In Office 365, you can upload profile pictures for each user’s contact card. The contact card will appear in Outlook, SharePoint, Lync, Word, Excel, PowerPoint… well, in any Office product that displays contact cards
Although you can use the web-based GUI to update profile pictures on Office 365, sometimes you need to upload many pictures at once.
In my previous article, I discuss best practices on how to choose high resolution photos to use in user profile pictures for Office 365.
Microsoft Expression Blend makes it easy launch animations. It is easy to launch animations with a few clicks… But sometimes, you need to launch animations from within your code – for example, to launch an animation after performing calculations. This article will show you how to play an animation from within your code.
A new feature in SharePoint 2010 is that you can customize the form that is displayed when you create a new list item by using InfoPath. That means that you can leverage the extensive capabilities of InfoPath without having to write a single line of code – and that’s a good thing, if you’re as lazy as I am and want to avoid resorting to custom code.