How to get your Deep Zooms working with Blend.

After playing around with Deep Zoom Composer heavily over the last few days, I have run into some issues with getting my Deep Zoom apps to work with Blend (I’m using Expression Blend 2.5 June Preview). Its easy to create a quick DZapp with the Deep Zoom Composer but to bring your DZapp into blend to make that next great feature rich user experience can be a little bit of a pain.

So here is how we do it!

First thing to do is create your DZapp and save it in an easy to find location. When exporting the application, set your image type to Collection and make sure you export the images and Silverlight Project.

Once this is done exporting, it will bring up a few selections, you can view you current Deep Zoom in the browser and it should work fine, but if you hit the “Edit in Expression Blend” button, you will most likely find it doesn’t do a whole lot. Press the “View project folder” button and load the “DeepZoomProject.sln” file into Blend. This should load, showing you the art board containing A UserControl, LayoutRoot, A boarder and inside the boarder an object called MSI (this is your multi scale image – your deep zoom).

So from here you can change the size of your deep zoom area and add buttons and other bits and pieces around it.

Hit F5 to test your page.

Ot Oh! Nothing happened? Thought as much.

For some reason when you run your Deep Zoom application through Blend, it just doesn’t work. How do we fix this one? Easy!

In your project folder there should be a few different folders, we want the one called “DeepZoomProjectWeb”.

Go into that and then “ClientBin”, Open the “DeepZoomProjectTestPage.html” and HURAH!

It should be all systems go!

As you work on your project, instead of hitting F5 to test the page, press “Build Project”, and refresh the “DeepZoomProjectTestPage.html” to see your updates.

If you want to change around your deep zoom with the Deep Zoom Composer, load up the ProjectName.dzprj file with Deep Zoom Composer, make your changes, export it out and when you go back into Blend it will ask you to update your project because there has been changes outside of Blend, Don’t do this! You will lose all the work you have done on your project in Blend if you do. Don’t say I didn’t warn you :P .

So I hope this has help in the effort towards making some rad Deep Zoom apps, and I would love to hear from your experiences with the product!

Happy Deep Zooming!!!

Alex.


2 Comments so far
Leave a comment

[...] on a Silverlight Controls contest … check it out… even if you don’t enter, this should be fun! How to get your Deep Zooms working with Blend. Alex Knight has been really digging into DeepZoom and in addition to finding a really annoying [...]

Pingback by Silverlight Cream for June 28, 2008 -- #312

I have downloaded the latest june2009 version for DZC .. and now though it gives the option of creating a Silverlight DeepZoom project.. it does not create it for me.. i.e. no VS sln file is visible.. can you help me figure out what is wrong??

Comment by suru83




Leave a comment
Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <pre> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>