Tag Archives: CSS Tricks

Branding Differences with Structured vs. Managed Navigation in SharePoint – Tips for Coding

Managed navigation was introduced in SharePoint 2013 and it swept in a new way to manage your site navigation. No longer did you have to use your site structure, but now you could pick and choose sites/pages/list items/forms/etc. across your site and build out a custom navigation solution.  You can mix and match and easily switch between the two.  But as soon as you want to rebrand the navigation bar(s), you do need to have a plan in order to support both managed and structured navigation and code in response.  Continue reading Branding Differences with Structured vs. Managed Navigation in SharePoint – Tips for Coding

SPTechCon Boston June 2016 Bootstrap Session Recap

“Bootstrap” Responsive SharePoint, the RIGHT Way

Let’s face it, SharePoint isn’t very responsive.  However you can make it responsive using popular tools that all the cool kids are talking about.  Continue reading SPTechCon Boston June 2016 Bootstrap Session Recap

SPTechCon Boston June 2016 Branding with CSS Session Recap

92% of Branding SharePoint is CSS, So Why Are You Living in a Master Page?

So much can be done with just CSS, the need for branding doesn’t mean a need for a custom master page.  In this SPTechCon session I rebranded a SharePoint blog site: Continue reading SPTechCon Boston June 2016 Branding with CSS Session Recap

Duplicate SharePoint Top / Global Navigation as Separate Footer Navigation

Navigation is key with pretty much any web site and several sites today are choosing to duplicate their top bar navigation in a larger footer area at the bottom of each page. This technique can easily be done in a SharePoint site with a custom master page. Continue reading Duplicate SharePoint Top / Global Navigation as Separate Footer Navigation

Add a Background Color to Quick Edit/Datasheet View in SharePoint 2013

I get this from time to time… “I have added a background color to my SharePoint site but when I go to quick edit or datasheet view in a list, the background color comes through.”

It isn’t that the background color is coming through, it is that SharePoint 2013 didn’t add a background color to the list. It is a transparent. With a little CSS you can overcome that. Continue reading Add a Background Color to Quick Edit/Datasheet View in SharePoint 2013

Changing or removing the seemingly unchangeable options in SharePoint Online (Office 365) Site Actions

This is a follow-up post to one with an eerily similar title, Changing or removing the seemingly unchangeable options in SharePoint 2013 Site Actions, and I am betting that you cracked the code for what this post will address… how to do the same thing for SharePoint Online.  🙂 Continue reading Changing or removing the seemingly unchangeable options in SharePoint Online (Office 365) Site Actions

SPTechCon Austin February 2016 Branding with CSS Session Recap

92% of Branding SharePoint is CSS, So Why Are You Living in a Master Page?

So much can be done with just CSS, the need for branding doesn’t mean a need for a custom master page.  In this SPTechCon session I rebranded this SharePoint site: Continue reading SPTechCon Austin February 2016 Branding with CSS Session Recap

Convert SharePoint 2013 Global Navigation Drop-down to Show Multiple Columns

This is a quick and simple trick to turn a long SharePoint global/top navigation drop down (a.k.a. fly-out) menu into an easier to read, two or more column display. All you need is a little CSS. Continue reading Convert SharePoint 2013 Global Navigation Drop-down to Show Multiple Columns

Streamlined CSS editing: direct save from browser to SharePoint

I love love love live CSS editing. Any time I can cut out an app switch, save and reload, I am all over it. Using a mapped network drive and a browser, I can bypass SharePoint Designer and/or an external code editor and write CSS straight to the SharePoint content database. Woot! Continue reading Streamlined CSS editing: direct save from browser to SharePoint

CSS Fix for Broken DynamicHorizontalOffset and DynamicVerticalOffset in SharePoint 2013 AspMenu Control

That is a mouthful of a title but luckily this is a simple fix for an annoying bug in SharePoint 2013.  Between SharePoint 2010 and 2013, the DynamicHorizontalOffset and DynamicVerticalOffset properties in the AspMenu control became useless because of how the drop down menus are styled in CSS by SharePoint.  You can set these properties all day long and nothing comes of it.  So abandon that and just use the following CSS fix. Continue reading CSS Fix for Broken DynamicHorizontalOffset and DynamicVerticalOffset in SharePoint 2013 AspMenu Control