All posts in SharePoint 2013

SharePoint 2013 Developer Tips Series – Overview

by Christopher Pettigrew on January 31, 2013 in Developer Tips, SharePoint 2013 with No comments

Overview

It has been a couple of months now using SharePoint 2013 with serious commitment, and during this time I have come across many gotchas, quirks, issues, and new ways of doing things from a developer experience compared to previous versions. It is my intention of this series to give you information around what experiences I (and the development team I work with) as well as share information from across the SharePoint social scene. It is my hope that this will be a useful resource for developers, as well as a place for you to also share your tips you may have found yourself to make this a useful “go-to” resource.

Episodes

The tips are going to be categorised into their own seperate “episodes” with a list of all existing and coming soon episodes listed below.

Episode #1 Where is my /_layouts/?

SharePoint Metro Weather – Sneak Peak

by Christopher Pettigrew on January 21, 2013 in C#, SharePoint 2010, SharePoint 2013 with 13 Comments

I would like to just show off a new WebPart that is nearly ready for public release / testing by the community. After a long time of SharePoint development I have become bored and disappointed at the styling of the various “Weather WebParts” that are available. I decided to build my own which is not only free, but is styled my much loved “~~Metro~~ Windows 8″ style.

The Weather displays the current weather and up to 5 days forecast. I am getting my weather data from http://www.worldweatheronline.com/ which provides a free Weather API which has a 500 requests/hr limit. Therefore i have implemented caching into the webpart to ensure that this is not an issue. I hope to finish the WebPart soon and it will also be rendered using XSLT to ensure that it is extensible to your requirements.

Let me know your initial thoughts on the design and the release will be coming VERY soon.

jQuery Collapsable Quick Launch – Plugin Update & Cookie States & 2013 Compatibility

by Christopher Pettigrew on December 14, 2012 in Javascript, jQuery, QuickTip, SharePoint 2010, SharePoint 2013 with 14 Comments

Overview

Christmas is nearly with us and it has been a long while since my last post. To try and give some people a little Christmas cheer I am releasing part one of my new set of jQuery plugins for many of my Quick Tips that I have posted. Today’s update is to the ability for a user to hide / show the Quick Launch menu. Although the previous version worked well, there were a number of requests for new functionality which I have integrated into my new version. The new version also makes configuration MUCH easier and friendlier for non-techy types.

New Features:

Plug-in Architecture based on jQuery Boilerplate
Ability to set default state of the Quick launch (HideOnDefault)
Quick launch state is now saved across page views using Cookies. This can be turned off.
Re-written code.
Fully configurable for various scenarios (Have tested on OOTB & Custom Masterpages)
2013 Compatible. I can confirm the plug-in works on the OOTB Seattle.master with no code changes (only plug-in configuration).

How to use:

The quick launch plug-in can be used and applied as follows:

$('#s4-leftpanel').quicklaunchHide()

1	$('#s4-leftpanel').quicklaunchHide()

Options:

The following default options are available:

// collapsed state image
collapseImage: '/_layouts/images/mewa_leftPage.gif',

// expanded state image
expandImage: '/_layouts/images/mewa_rightPage.gif',

// location for the button to be prepended to
prependLocation: '.s4-tn',

// The Main 'content' div that the main body content is within
mainDiv: '.s4-ca',			                

// The Margin that the mainDiv will have once hidden.
leftMargin: 0,	

// Do you want to hide the quicklaunch as a default.  (Overwritten when cookies are enabled)
hideOnDefault: false,   

// Allow Cookies to be set
allowCookie: false,

// Name of the Cookie
cookieName: 'quicklaunchStatus',

// collapsed state image

collapseImage: '/_layouts/images/mewa_leftPage.gif',

// expanded state image

expandImage: '/_layouts/images/mewa_rightPage.gif',

// location for the button to be prepended to

prependLocation: '.s4-tn',

// The Main 'content' div that the main body content is within

mainDiv: '.s4-ca',

// The Margin that the mainDiv will have once hidden.

leftMargin: 0,

// Do you want to hide the quicklaunch as a default. (Overwritten when cookies are enabled)

hideOnDefault: false,

// Allow Cookies to be set

allowCookie: false,

// Name of the Cookie

cookieName: 'quicklaunchStatus',

No CSS is required for the plugin and the main plugin selector should be the side navigation div that you are hiding. So in the case of SharePoint 2010 this will be “#s4-leftpanel”

Full Usage (2010 / 2013)

2010 Full Usage (OOTB Masterpage)

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<script type="text/javascript" src="jquery.LISP.Quicklaunch.js"></script>
    <script type="text/javascript">
	    $(document).ready(function() {
	        $('#s4-leftpanel').quicklaunchHide({
	            collapseImage: '/_layouts/images/mewa_leftPage.gif',
	            expandImage: '/_layouts/images/mewa_rightPage.gif',
	            prependLocation: '.s4-tn',
	            mainDiv: '.s4-ca',			                
	            leftMargin: 0,	
	            hideOnDefault: false,   
	            allowCookie: false,
	            cookieName: 'quicklaunchStatus'	        
            });
	    });
    </script>

$(document).ready(function() {

$('#s4-leftpanel').quicklaunchHide({

collapseImage: '/_layouts/images/mewa_leftPage.gif',

expandImage: '/_layouts/images/mewa_rightPage.gif',

prependLocation: '.s4-tn',

mainDiv: '.s4-ca',

leftMargin: 0,

hideOnDefault: false,

allowCookie: false,

cookieName: 'quicklaunchStatus'

});

</script>

2013 Full Usage (OOTB Masterpage)

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<script type="text/javascript" src="jquery.LISP.Quicklaunch.js"></script>
    <script type="text/javascript">
	    $(document).ready(function() {
	        $('#sideNavBox').quicklaunchHide({
	            collapseImage: '/_layouts/images/mewa_leftPage.gif',
	            expandImage: '/_layouts/images/mewa_rightPage.gif',
	            prependLocation: '.s4-titlerow',
	            mainDiv: '#contentBox',			                
	            leftMargin: 20,	
	            hideOnDefault: false,   
	            allowCookie: false,
	            cookieName: 'quicklaunchStatus2013'	        
            });
	    });
    </script>

$(document).ready(function() {

$('#sideNavBox').quicklaunchHide({

collapseImage: '/_layouts/images/mewa_leftPage.gif',

expandImage: '/_layouts/images/mewa_rightPage.gif',

prependLocation: '.s4-titlerow',

mainDiv: '#contentBox',

leftMargin: 20,

hideOnDefault: false,

allowCookie: false,

cookieName: 'quicklaunchStatus2013'

});

</script>

Hope you enjoy this plug in and as always if you have any issues please let me know.

Download

Developer Version : jQuery.LISP.quicklaunch.js

MinifiedVersion : jQuery.LISP.quicklaunch.min.js

Starter Masterpage for SharePoint 2013

by Christopher Pettigrew on November 1, 2012 in SharePoint 2013 with No comments

Just a quick note to say that Randy Disgill has released his Starter Masterpages as a Haloween Treat. You can view his blog post here: http://blog.drisgill.com/2012/10/sharepoint-2013-starter-master-pages.html. If you want to jump straight to the Codeplex site to grab them then please follow this link. http://startermasterpages.codeplex.com/

I will be starting creating my Metro Masterpage for 2013 soon for all those who want it.

SharePoint 2013 Masterpage for SharePoint 2010 – Sandbox Solution

by Christopher Pettigrew on October 24, 2012 in Masterpages, SharePoint 2010, SharePoint 2013 with 3 Comments

Overview

After some additional tweaking the the design and trying to match the functionality of the SharePoint 2013 interface as much as i could, a SharePoint 2013 masterpage is now ready for testing by my blog visitors. The SharePoint 2013 Masterpage for 2010 has the following features:

SharePoint Sandbox Solution – Office 365 Compatible
Custom Site Actions Menu Link
“Focus on Content” – hide site navigation to allow user to focus on content only
Get the SharePoint 2013 interface without having to upgrade

As with my previous solutions they are all available via Codeplex and should you have any positive comments please leave them either here or on codeplex.

Thanks and I hope you all enjoy.

Download

Download the WSP from our codeplex site: http://lifeinsharepoint.codeplex.com/

Screenshots

Custom Homepage

OOTB 2010 Blank Site

OOTB 2010 Blog Site

OOTB 2010 Team Site

OOTB 2010 Team Site – Navigation Hidden

Custom 2010 Site Actions Menu

All posts in SharePoint 2013

SharePoint 2013 Developer Tips Series – Overview

Overview

Episodes

SharePoint Metro Weather – Sneak Peak

jQuery Collapsable Quick Launch – Plugin Update & Cookie States & 2013 Compatibility

Overview

New Features:

How to use:

Options:

Full Usage (2010 / 2013)

Download

Starter Masterpage for SharePoint 2013

SharePoint 2013 Masterpage for SharePoint 2010 – Sandbox Solution

Overview

Download

Screenshots

SharePoint Links

Categories

Archives

Recommended Sites