Silverlight "Surface" Demonstration [Silverlight implementation of Surface’s "photo table" UI]

This blog has moved to a new location and comments have been disabled.

All old posts, new posts, and comments can be found on The blog of

See you there!


Comments (43)
  1. rbirkby says:

    There’s just not a compelling reason for me to want to shift photos around like that? It’s fun to play with for 10 seconds, but in terms of compelling, practical and timesaving user interaction design, it’s poor.

  2. David Anson says:


    Thanks for stopping by! In the Surface site’s demo videos, they show how email, photo sharing, and collaboration might be integrated with the basic "photo table" UI I’ve demonstrated here. Just like Media Center optimizes for the "10 foot" viewing experience users have sitting on their couch watching TV, the Surface team optimizes for the finger-based input experience users have sitting around their device. The videos I’ve seen suggest this interface is pretty natural for the Surface scenario, but I’m sure they’re experimenting with other ideas as well. 🙂

  3. Garry Trinder says:

    Fantastic demo. would love to see one of those tiles running video as well like in the Surface demo 😉

    On a TabletPC this would be lots of fun…. wonder if there’s a tweak to track two contact points on the tablet so you can do the multi-touch rotate and resize?

  4. There's been a lot of things floating around on the net recently about multi-touch displays and the

  5. I can think of lots of useful ways to bake this general idea into a larger application.  If run a photography site and want people to be able to lightbox the images they’re interested in and then organize them, something like this gives them that ability in a very intuitive way.  You could also use something like this in a One-Note style application to organize your to-do list. It’s a good demo.

  6. Blogs says:

    David Anson outdoes himself yet again. Check out his Silverlight Surface demo . Source code included

  7. Barak Cohen says:

    This is great. A minor tweak that will make it better is to add some physical properties to rag (basically adding inertia and drag) for better interaction.

  8. This week Microsot revealed Microsoft Surface . A new computer platform that is based on Windows Vista

  9. kfra says:

    Dopo il rilascio di Microsoft Surface ecco un’implementazione di una

  10. A slight change this week. POI titles will now include the main topics covered in each post ("Other"

  11. lozanotek says:

    This is pretty sweet!  Thanks for posting the source code!  The thing I find interesting about this demo is that you were able to create a similar (if not the same) experience in this Silverlight app as the one from the photo viewer in Surface.

    One cool thing you could do is to add a camtasia video showing how you can create the application using Orcas beta1.  This way it can provide guidance to other devs on where to start with the code.

  12. Surface-like Experience Using Silverlight

  13. Microsoft announced some days ago its Surface product . If you didn’t had a look on the videos you should

  14. In one of my last posts I wrote about the Silverlight Surface demo of the "photo table". If you had a

  15. Delay has whipped together a Surface-like experience in Silverlight. Pretty cool actually. And there’s

  16. Alguns dias atrás a Microsoft anunciou o Surface , que permite que a interação com um computador com

  17. On Monday I gave an overview talk called "A Lap Around Silverlight" at TechEd in Orlando. You can download

  18. interactive says:

    I’ve added the video support here:

    Thanks for sharing the source code, it is a great demo!!!

  19. For those who do not already know, the new Surface technology from Microsoft Labs is running on a Vista

  20. הפעם דוגמא נחמדה של שילוב הקונספט של Microsoft Surface שהוכרז לאחרונה, עם האפלקציה עליה רץ ה- Silverlight

  21. After working with a few sample Silverlight applications I became curious to see how a silverlight application

  22. Scott LYP says:

    We run a Wedding Photography business in Fort Myers and I can’t wait to have a product like this to show clients their proofs!

  23. Rudi Grobler says:

    I don't know if anybody blogged about this yet… There was a huge hype about surface when it was

  24. v-willch says:

    Hi – very nice work

    I’m trying to get your app running on my server but it doesn’t seem to be working.

    it runs ok on my local machine: C:InetpubwwwrootSilverlightSurfaceDefault.html

    but when i hit: http://myserver/SilverlightSurface/Default.html

    I get a blank page-and when i right click on the page it says about Microsoft Silverlight.

    I don’t know where is the pb???

    Can you help?


  25. David Anson says:


    I’m not sure where the problem is, but here are a few things to check:

    * Is IIS configured to allow serving the XAML file?

    * How about the .DLL file in ClientBin?

    * Is the directory structure the same for both sources?

    * Have you watched the network traffic with a network monitor to see if any requests are failing?

    * Might your browser’s security settings be interfering?

    The fact that it works from your local machine is good and suggests that the bits are valid and your Silverlight’s configured correctly. Now it’s just a matter of finding out what’s bothering IIS. Good luck! 🙂

  26. Delay's Blog says:

    With today’s release of the Silverlight 1.0 RC and 1.1 Refresh , I’ve updated the Silverlight samples

  27. With today's release of the Silverlight 1.0 RC and 1.1 Refresh , I've updated the Silverlight

  28. Delay מפרט את השלבים שהוא עשה כדי לעשות Upgrade לכמה דברים שהוא כתב ב Silverlight 1.1. בינהם ה Air Lines

  29. Jakiś czas temu wspomniałem o nowym dziecku Microsoft czyli zgrabnym urządzeniu o dzwięcznej nazwie Surface

  30. Jakiś czas temu wspomniałem o nowym dziecku Microsoft czyli zgrabnym urządzeniu o dzwięcznej nazwie Surface

  31. imran.ansari says:


    I’m very new to Silverlight. I’ve installed Visual Studio 2008 Beta 2, Silverlight.1.1alpha and VS_SilverlightTools_Alpha_Setup. I could load the SilverlightSurface project but while building it gave an error "No overload for method ‘Open’ takes ‘2’ arguments". After providing the third parameter ‘Async’ as "true", I was able to build the project. But when I run it, I don’t get to see any of the images in the browser. Not sure if the project works with VS2008 Beta 2.

    I would greatly appreciate guidance on this.



  32. David Anson says:


    It sounds like you’ve got a version-mismatch. I recently updated my samples to work with the 1.1 Refresh ( One of the changes in the refresh was to go from a version of Downloader.Open that takes 3 parameters to one that takes only 2 (  So sounds like you’ve got the latest code for the Surface demo (2 parameters), but that the version of Silverlight you have installed is not up to date (3 parameters). You should be able to fix that by uninstalling Silverlight and re-installing it from which will get you the latest bits.

    Regarding the images not loading, please refer to this blog post for a note on how I didn’t include the images with the source code download (along with directions for getting them) and also my post about updating solutions for the 1.1 Refresh (the same one I linked to above) regarding a way to work around a new Downloader security limitation when using file:// URLs.

    Once you take care of those issues, you should be set!

  33. Links from my recent Mashup the Web presentations… All Blacks Silverlight Gadget HD View Photosynth

  34. iFX says:

    Silverlight: Microsoft Surface Demonstration

  35. The Photos app is one of the most popular ones to demo. People really love the type of natural interactions

  36. The Photos app is one of the most popular ones to demo. People really love the type of natural interactions

  37. jdobrien says:

    This was such a nice example, I thought it would be nice to update to silverlight 1.1 and add a feed from flickr. will get the ‘friendliness’ photos from flickr.

    If you add email=<> to the query string it will get your flickr photos.

  38. says:

    Silverlight Success

  39. Thanks to everyone who came to my session, hope you enjoyed it. First off, instead of slides I used WPF

  40. Al een paar weken geleden is een nieuw product aangekondigd: Microsoft Surface. Dit product is een wat

  41. Bon je me baladais à la recherche d’exemple sympa sur Silverlight et là, je tombe sur ça:

  42. I try to keep up with migrating my various samples to the latest Silverlight Beta/RTW releases, but I

Comments are closed.

Skip to main content