Dustin Miller spdustin

Welcome! :)

Stay tuned!

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 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

#Welcome!

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

#neat

	// ----
	// Sass (v3.3.10)
	// Compass (v1.0.0.alpha.20)
	// ----

	$brandcolor: black;
	$fontstack: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
	@function forbackground($color) {
	$lightness: lightness($color);
	$functiontocall: if($lightness > 50%, 'darken', 'lighten');

	var $theField = $('input[title=RelatedAnnouncements]');
	var listName = 'Announcements';
	var listSvc = _spPageContextInfo.webServerRelativeUrl + '/_vti_bin/listdata.svc/' + listName;
	$theField.autocomplete({
	source: function(request, response) {
	var typed = request.term;
	var listSvcFilter = listSvc + '?$filter=startswith(Title,\'' + typed + '\')';
	$.getJSON(listSvcFilter, function(data) {
	var items = [];
	$.each(data.d.results, function(key, val) {

	<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:param name="ServerRelativeUrl"/>
	<xsl:param name="RootSiteUrl"/>
	<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 -->

	<!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>