Dustin Miller spdustin

#neat

#Welcome!

If you're not attending my SharePoint Web Developer class, you might not know what to do with all of this :)

Welcome to Mega Menus and More!

Code samples:

Basic Data View Template

Group tasks by priority using a single xsl:template

Group tasks by priority using multiple templates

What is this about?

If you're not in my SharePoint Web Developer Experience class, you're missing out. This is just some of the sample code we're discussing in the February 2013 delivery. There's another one coming up in May. And you get even more code than is shared here to the public.

Feel free to poke around. Geek out a bit. And if your curiosity is piqued, sign up for the next one.

Welcome! :)

Stay tuned!

	$('.ms-WPHeaderTd').each(
	function() {
	var wpClass = "wptitle-" +
	$(this).attr('title').split('-')[0].replace(/[\W]/g,'');
	$(this).closest('.s4-wpcell').addClass(wpClass);
	}
	);

	var acField = $('input[title="Related Task"]');
	var listSvc = _spPageContextInfo.webServerRelativeUrl + "/_vti_bin/listdata.svc/";
	var listSvcList = "Tasks";
	var listSvcFieldQuery = "Title";
	var listSvcFieldReturn = "Title";

	acField.autocomplete({
	source: function(req, res) {
	var reqUrl =
	listSvc

	<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

	<!-- This XSL Stylesheet created by SharePoint Experts, Inc. -->
	<!-- http://sharepointexperience.com -->

	<xsl:output method="html" indent="yes"/>
	<!-- This template is the "wrapper" or "container" for the custom view. -->
	<xsl:template match="/">
	<!-- This is the actual wrapper element that will be emitted -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>

	</body>
	</html>

	<link rel="stylesheet" type="text/css" href="http://s3.amazonaws.com/classcdn/slider/css/anythingslider.css"/>
	<script src="http://s3.amazonaws.com/classcdn/slider/js/jquery.anythingslider.min.js"></script>