Be it clowns, creepy movies, dark basements with a single dingy light bulb or the next presidential candidate, we all have our fears. What I don’t want anyone to be afraid of is adding some custom CSS to their SharePoint site. With the push to not use custom master pages in SharePoint Online / Office 365, more and more people are looking for alternatives on how to pull off small tweaks (and even big ones) in their SharePoint site user interface that doesn’t involve custom master pages. Continue reading “CSS scares me!” – How to Move Past the Intimidation and Implement Custom CSS in SharePoint
Just over a year ago I wrote a post about stacking the SharePoint 2013 Suite Bar on top of the Ribbon, thus collapsing down the needed real estate for the top area of your SharePoint site. I was asked this week if it was possible to do it for SharePoint Online / Office 365. As with SharePoint 2013 on-premises, you can accomplish this with CSS – it just takes a few more lines of code to pull it off. Continue reading Stack the SharePoint Suite Bar on top of Ribbon – SharePoint Online / Office 365
Several changes were introduced in the SharePoint 2013 UI, one of which that caught the attention of a lot of folks was the removal of the breadcrumb. Through the years the SharePoint breadcrumb had met some interesting treatments, but in 2013 it had simply just disappeared.
Truth be told, the breadcrumb is still there, just hidden away in the master page. With a quick master page edit you can get breadcrumb back into SharePoint – but that is when the real fun begins as the SharePoint breadcrumb comes in many flavors. Continue reading SharePoint 2013 and the Disappearing Breadcrumb
SharePoint 2013 switched from using the text “Site Actions” to showing a gear/cog/wagon wheel icon (I like gear so we will go with that for this post). That is all well and good until you need to change the background to a darker tone or if you want to change the color of the gear icon. SharePoint 2013 inserts in the icon image via HTML *cringe* thus making it more difficult to update to match your color scheme. With a little CSS we can knock out the default image and show our own icon instead. Continue reading Switch out the SharePoint 2013 Site Actions gear icon for something more flexible
If you get adventuresome in your SharePoint 2013 master page, you can add, edit and delete options from the Site Actions menu. It is a pretty handy thing to do, For example, do you miss the direct access to Site Permissions that SharePoint 2010 provided? It is an easy thing to add with a master page modification. But there are four Site Action menu items that stubbornly stick around and are seemingly unchangeable. However with a little CSS we can do what we please. Continue reading Changing or removing the seemingly unchangeable options in SharePoint 2013 Site Actions
One of the hidden gems in SharePoint is the EditModePanel. This control can be used in a multitude of ways, including altering your page layout to better suit the page in edit mode when you have a restricted width or more complex design. Continue reading Effective Use of the EditModePanel in SharePoint Page Layouts with Complex Designs
Vesa Juvonen of Microsoft has created a GitHub project that demonstrates how to make the out of the box seattle.master user experience responsive without a need to modify the mater page as such, but rather to take advantage of the AlternateCssUrl property in Web level.
Check out the GitHub project: OfficeDev/PnP
This project uses the CSS provided in my Making seattle.master Responsive blog post.
I have updated the “Just the Essentials” SharePoint Master Pages for SharePoint 2013 post to include a cleaned up and commented version of seattle.html to use with Design Manager.
This is a bit of an odd one… but I love to show examples of how simple CSS can meet your needs, however different they may be, for SharePoint and SharePoint web parts. A student needed to convert the Project Summary web part countdown box to a single line above the rest of the web part content. The following CSS can make this happen. Continue reading Modify Project Summary Web Part Countdown
Continuing the tradition started with SharePoint 2007 and SharePoint 2010, I have put together and posted several different master page files (and one HTML file) for use with SharePoint 2013. Every file is heavily commented and provides a lot of information about what code is necessary for various SharePoint functionality and content. Due to the continued use of the enhanced user interface elements added to SharePoint 2010 and carried over to SharePoint 2013 along with new additions such as the Suite Bar, there are specific HTML elements, IDs, controls and classes that need to remain in place in the master page. You can’t take a total slash and burn approach to developing a custom SharePoint 2013 master page. So in short, read the comments!
Posting 2013 master pages in 2015? Yeah… I know. This has been on my to do list for a long time and between teaching and kiddos, I just didn’t get to it. But I will make up for it by posting SharePoint vNext master pages as soon as humanly possible or within a month of final product release, whichever comes first.
Continue reading “Just the Essentials” SharePoint Master Pages for SharePoint 2013