IPhone Style Drag and Push Panel in Silverlight

I've been doing a bit of work at the new job on some custom panels relative to our project. In doing the work we have been talking a lot about the iPhone's main launcher panel and how the iPhone implements dragging and reordering of icons on the screen. I wanted to take what I have learned in working on those custom panels and apply it to actually recreating the iPhone's implementation - you can find what I came up with here:

Get Microsoft Silverlight

(click and drag squares to rearrange, 'Revert' to reset order)

I was going to hold off on posting the code as this attempt was done quickly and perhaps the code is a bit hacked up, but I know that chances are I won't have time to clean it up, so I'm just going to post it as is. If you make use of the code or clean it up, etc. please let me know - hopefully it's still something people can learn from.

RearrangableBlocksExample_2.zip248.06 KB



Awesome custom panel.
I loved the interactivity and the excellent implementation of a re-arranging panel.
One of the best examples of Fluid UIs i've seen in a while.

Keep up the amazing blogging,
-- Justin Angel
Microsoft Silverlight Program Manager

i couldnt find any built in iphone type functionality in flex in my searches on the web, how about posting a link?

I would like to know how to drag and drop into and out from this Iphone panel
can someone help ?

Wow thanks for this panel in silverlight. I am interested in iPhones panel for a long time too. Your work will be like a tutorial for me, because I am only a junior software developer. Thanks for your hard work and efforts, and moreover thanks for placing this information and sharing it with us here. I have bookmarked your blog so I will be waiting for other great articles from you.


Tim Burton from iphone development


Thanks for a wonderful panel in silverlight. This is the best examples of Fluid Uis. You have done a great job. Thanks for sharing your experience with us.

I am sure that your post would be useful to several application developers.

Hope for more interesting and informative post from you in future !!


Ron Williams - iPhone App Developer

IPhone Style Drag and Push Panel in Silverlight


When I download the source code of this application

I got the error "Could not load file or assembly 'System.Web.Silverlight' or one of its dependencies. The system cannot find the file specified." in silverlight 4

please help me

Thanks for sharing the drag and push panel in Silverlight, it should be very useful to me. I am downloading the panel and will see if i can clean up this code. Great job. Regards, Allie from iPhone Development