Microsoft Surface – Drag and Drop Tutorial Series – Part 2

April 13, 2009

This is Part 2 of my series on implementing drag and drop in Microsoft Surface.  In part 1, we created a Surface Window with a Surface ListBox and a ScatterView in it.  We hooked up our ListBox to a data source of products coming from  Now we will get to the good stuff and make drag and drop a reality in our application!

I posted this tutorial on The Code Project since it was easier to deal with the download and formatting issues there.  Please see the article at:


Microsoft Surface – Drag and Drop Tutorial Series – Part 1

April 11, 2009

This is going to be part 1 of a multi-part tutorial on how to implement drag and drop on Microsoft Surface.  In this part we will add a Surface ListBox and a ScatterView to our Surface Window as the basic controls we will need here.  We will also show how to use the web service to populate your list box with anything you like.  We will not get into performing drag and drop in this part, we will simply set ourselves up to do this starting in Part 2 of this series.

I moved this tutorial to The Code Project since it was much easier to deal with downloads and code formatting there.  Please check out this tutorial at:

Microsoft Surface – Customizing the look and feel of the ScatterViewItem (and other controls)

March 23, 2009

The ScatterViewItem is a very useful way to get the “surface feel” into your apps very quickly. However it is likely you will want to customize how your ScatterViewItem looks and reacts to user input. The following steps will help you customize it to your hearts content. This procedure could be applied generally to any other control as well.

1. Create a WPF application in Visual Studio, add a ScatterView and ScatterViewItem. Save the project.
2. Open project in Expression Blend.
3. Under Objects and Timeline, right click on the ScatterViewItem control, select Edit Control Parts (Template) -> Edit a Copy…
4. Give it a new name like ‘ScatterViewItem_Customized’ and click OK.
5. Save the project and return to VS. VS will prompt you to reload changed files.
6. Now you will have the entire default control template to modify to your hearts content.