Adding Font Awesome to SPFx React project
Introduction I love the FontAwesome library and use it on many projects. I was a huge fan of FontAwesome 4.0 and had a little struggle moving over to using 5.0 + 6.0 in my projects. I was use to the…
Tag CSS
Alerts Header – SPFx project
Introduction This new project is a nice little feature that you can easily add to your SharePoint site to enable site messages or alerts. Having the ability to display site alerts is one of the top 10 most requested features…
Remove Left Navigation on Modern Team Sites
I am frequently asked how do I removed the left navigation on the modern Team sites? Most people don’t know this but if you just remove all the items from the navigation it will go away on it’s own! The…
The Easiest Way to Attach CSS or JavaScript to your Office 365 or SharePoint Site
Introduction I’m typically asked quite often on how I can attach global CSS or javascript like jQuery to my SharePoint / Office 365 site. There are a number of ways in order to ‘hookup’ or ‘connect’ CSS or JavaScript to…
Built-in Helper Classes Inside Office 365 & SharePoint 2013
There are a number of already built in helper (or utility) classes in Office 365 and SharePoint 2013. These classes can be very useful when you are building new components. You can skip writing CSS for some of the most…
Hijack SharePoint’s Built-in Full Width Background Image
You may or may not already know that SharePoint has the ability to do full width background images. If you’ve ever applied one of those wacky composed looks then you would see that some of them have full width background…
Change Default SharePoint Site Logo CSS Trick – Great for Office 365!
I was just thinking about this issue one day and realized that I could just override the default image but if the user decides that they wanted to change it later via site settings they could. Why do I love…
Hide Newsfeed, OneDrive and/or Sites from the Suite Bar – Ribbon Area for SharePoint 2013
It really is super simple and requires I line of CSS per item. If you want to hit them all or any future ones you could hide the whole element. I’m posting this b/c I was looking for a quick…
Office 365 Icons
Introduction I recently came across an interesting blog – which mentions O365 icons. This was back in February so when I attempted to locate these fonts so I could use them in some of my work. I could not…
Working with SASS style sheets in Office 365 / SharePoint 2013
My new favorite thing is creating all my style sheets with SASS. SASS makes writing my style sheets faster, easier, cleaner, and more reusable. Don’t ask me why I chose SASS, but I liked it just a little better than…
Cache Busting Using CssRegistration & ScriptLink in SharePoint 2010
What is cache busting? Cache busting is way to ensure that the browser will download a new version of your file. This is easily accomplished using a simple technique of appending a ? with some unique characters at the end.…