Skip to main content


Showing posts from 2013

Responsive Design for SharePoint 2013

I have been wanting to write about this topic for quite some time. In this post I will review what all this buzz is about around Responsive design and relate it back to SharePoint 2013. In this post I will not be focusing on any of the Twitter bootstrap or HTML5 boilerplate stuff. I will simply be focusing on CSS3 Media Queries and how it relates to SharePoint 2013.In the video below I have put together some discussion points around min-width vs. max-width and also different ways that you can make SharePoint 2013 responsive with just CSS.Per the video above here is the code that I referenced:Simple Responsive CSSCustom Responsive CSSOverall I wish there were more standards on how and when to use these media queries. I will be looking forward to your comments and suggestions for more topics.Thanks!

Small Calendar for SharePoint 2010 & 2013

First off I would like to apologize for the lack of posts. I have been really busy with my new role as the UX Design lead within Slalom Consulting Boston. I will share more about that in another post. In a previous post Create Really Small Calendar I showcased how to do this for SharePoint 2007. However the 2010 and 2013 calendar views have changed and therefore we cannot use the same method or CSS as 2007.SharePoint 2010 Small Calendar:
SharePoint 2013 Small Calendar:
See video below for a video walk through on how to create a small calendar for SharePoint 2010 and & SharePoint 2013 with just CSS.Per the video above here is the code that I referenced:2010 CSS link reference in Master Page:
<SharePoint:CssRegistration name="<% $SPUrl:~sitecollection/Style Library/smallcalendar.css %>" After="corev4.css" runat="server"/>2010 CSS:
/**** Small Calendar ***/
.ms-acal-item{height: 10px !important;}

SharePoint 2013 Display Templates Overview

SharePoint 2013 Display templates are one of the many new features in SharePoint 2013 Publishing site Design Manager. In the following video blog I walk you through creating a mocked up wireframe that includes a image rotator, document, blog post, and task query. I created a custom Page layout and also walked through the process of customizing and creating your own display template. This is all possible with the use of the new Content Search Web Part.Enjoy!

SharePoint 2013 Drag and Drop Navigation

I came across a new feature in SharePoint 2013 that has not been really advertised much. This is around the site navigation management and the new feature that allows you to drag and drop links directly into the left side or top navigation.I put together this quick video to showcase how it works.