Tag Archives: sharepoint 2013

“Just the Essentials” SharePoint Master Pages for SharePoint 2013

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

Making seattle.master Responsive

“Sonny, true love is the greatest thing in the world. Except for a nice M.L.T., a mutton, lettuce and tomato sandwich, where the mutton is nice and lean and the tomato is ripe. They’re so perky. I love that.”

You know what else would be the greatest thing in the world? A responsive version of SharePoint 2013’s Seattle master page. While an ETA continues to be dodged for this juicy addition for SharePoint on-premises and SharePoint Online, we can play Miracle Max and do it ourselves.  Yes really.  At the end of the day, it is just CSS.  That we can do.  Continue reading Making seattle.master Responsive

SPTechCon Austin February 2015 Session Review

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

So, seriously?  Why is all the hype about master page this and master page that.  All of your branding should be coming from CSS!  Master pages have their place in the world and are certainly useful.  Just make sure all the pretty is in your CSS file.

Here is a summary of the CSS session at SPTechCon. Continue reading SPTechCon Austin February 2015 Session Review

Don’t Delete OOTB SharePoint Page Layouts

For years I have told students who were creating new page layouts for their SharePoint publishing or Enterprise Wiki (in the case of SP2013) sites that they can optionally delete the default page layouts that come with the site.  I am here to officially rescind that advice! Continue reading Don’t Delete OOTB SharePoint Page Layouts

Increase width of SharePoint 2013 drop down navigation

This is a quick but handy little CSS style statement to increase the width of the SharePoint 2013 top navigation bar drop down, which by default is pretty small.  Now I know ideally the navigation item text should be short and sweet, but I also know how folks love their long department names and the like in the navigation.  Continue reading Increase width of SharePoint 2013 drop down navigation

Hide Font Faces from the SharePoint Ribbon using CSS

As a follow up to the post Hide items from SharePoint Ribbon using CSS, here are a few more selectors to hide specific font faces from the font formatting options in the Ribbon.  I received a question from a SPTechCon Boston 2014 attendee about this and I have to say, I don’t blame the guy for not wanting to give his users 14 font face options for their content.  🙂  Continue reading Hide Font Faces from the SharePoint Ribbon using CSS

SharePoint Navigation – CSS only accordion on hover effect

Everyone seems to love accordion navigation effects and I love CSS so it was only natural to try to implement an accordion effect for SharePoint navigation using only CSS. Typically folks use JavaScript or jQuery to add in an accordion, but it is possible to do it with pure CSS. When it comes to SharePoint there is only one caveat – you can create a CSS only accordion menu as long as the accordion effect fires on hover and not when the navigation header is clicked. Let’s see why, and let’s see how… Continue reading SharePoint Navigation – CSS only accordion on hover effect

Hide items from SharePoint Ribbon using CSS

When you search for ways to hide items from the SharePoint Ribbon, such as the Font formatting block or the Edit HTML Source option, you will generally find a bunch of methods that involve fancy code and creating a new project in Visual Studio. One thing the Ribbon does have going for it is a ton of added classes and IDs to all the various options, buttons, links, blocks and components. You can target and remove elements from the Ribbon by just using CSS. Continue reading Hide items from SharePoint Ribbon using CSS

Obscure issue with moving around items in SharePoint 2013 ribbon

Ever have one of those days where SharePoint just makes you say, umm, WTF??? Yeah, me too. Tag another one on the long list.

I wanted to absolute position the ribbon’s tab row right DIV contents of SharePoint 2013 to a different location on the page. In non-SharePointy code speak, I just wanted to move the links on the right side of the page that consist of Share, Follow, Edit/Save, Focus on Content and Developer Dashboard to a different place on the web page. Continue reading Obscure issue with moving around items in SharePoint 2013 ribbon