Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

a-foton » Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Fri, 01 Aug 2008 20:54:02 GMT

PingBack from http://blog.a-foton.ru/2008/08/silverlight-2-samples-dragging-docking-expanding-panels-part-1/

Silverlight Cream for August 1, 2008 -- #340

Community Blogs — Sat, 02 Aug 2008 03:34:34 GMT

Denislav Savkov with a selection helper class, Mark Monster with SL Tag Cloud, Mike Taulty on asmx web

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Prejesh Prakash — Sat, 02 Aug 2008 15:24:07 GMT

Can you please give details about how you implemented day dairy of the doctor , some thing similar to outlook calendar

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Raju Khanchustambham — Sat, 02 Aug 2008 21:12:46 GMT

Thanks Martin for the code snippet for dock panel dragging. Are you using the grid or some other panel to arrange these panels in the "Patient Journey Demonstrator" main page. If yes can you give some details on dragging/dropping these dock panels to different cells.

Also, in the patient demonstrator, the content inside each dock panel is completely silverlight xaml controls or any asp.net ajax controls? As all CUI controls are not ported to silverlight yet, my assumption is that your team is using controls other than silverlight controls as dock panel content. If yes, can you give us some details on how we can mix the silverlight and asp.net controls inside the dock panel.

Could you please post the 2nd part of code snippet to maximize/dock the panels using the toggle button ASAP.

thanks,

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

samcov — Mon, 04 Aug 2008 00:09:11 GMT

Thanks!

I'm looking forward to the second part where the useful features of what you've done become more evident.

There were a few things I noticed. When adding content to the control, the drag bar isn't taken into account, although it would probably be best if the drag bar could become invisible(Collapsed) when you don't want dragging.

Also, minimize/maximize probably isn't that useful in this example using the crud Canvas as a container. Your great Demonstrator appears to be more advanced panel oriented(Stack/Grid), where you drag/drop between panels and containers.

Finally, the drag concept is evident in this example, however, the "Dock" aspect isn't. I assume that is what the next part is all about when you present the Host Container.

Thanks for all the great work.

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Martin Grayson — Mon, 04 Aug 2008 11:27:05 GMT

hi all, some replies...

Khanchustambham - I will be showing how to do a similar layout system in Part 2. All of the content in the panels is XAML / Silverlight content.

Samcov - the drag bar isnt taken into account because thats how MY template defined it - you could make you template do whatever you please - I will try and get a Part 1.5 up about templating the drag panel. And you are right, in Part 1, we dont use the toggle button, and we dont do the grid layout, that will all come in Part 2, when we introduce the 'Dock' concept.

Thanks guys, please ask any more questions!

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Martin Grayson — Mon, 04 Aug 2008 11:31:05 GMT

Hi Prejesh - thanks for your comment. I will try and look to talk about building a scheduling UI in the future.

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Raju Khanchustambham — Mon, 04 Aug 2008 23:05:27 GMT

Hi Martin,

Thanks for responding to my questions.

Is there any date that we can expect to see your second part. I am very keen on knowing how you did the docking/maximizing the panels using your DragDropPanel class.

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Martin Grayson — Thu, 07 Aug 2008 10:44:02 GMT

Hey,

Second part will post in the next couple of days. The second part will show how we do the grid layout and dragging between cells in the grid, then Part 3, the final part, will show the maximising and providing your own custom templates for the panel chrome.

Thanks,

Martin

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

aspepper — Sat, 09 Aug 2008 04:30:33 GMT

Hi,

I'm have discovering about Silverlight yet. We have to decide soon between Flex 3 and Silverlight.

Tks for you contribuition...

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

shan — Mon, 11 Aug 2008 15:35:08 GMT

Hi Martin,

This is a nice solution exactly need for project.

Plz atleast give me some hint after how many days u r going to post second part.

Thanks,

shan

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Raju Khanchustambham — Sat, 16 Aug 2008 18:21:27 GMT

Hi Martin,

As per your comment on August 7th, your second post will be here in couple of days. Its been more than a week. I hope you are tied up with other work. Could you please let us know whether we still need to wait for long to see the second post or can expect soon in one or two days.

Also, i would appreciate if the second post covers both control dragging and maximizing/minimizing code snippets.

thanks,

-Raju

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Martin Grayson — Mon, 18 Aug 2008 12:34:35 GMT

Hi Raju,

I have just come back from vacation, and hope to finish the post in the next 24 hours or so!

Thanks for you patience,

Martin

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Raju Khanchustambham — Mon, 18 Aug 2008 15:11:36 GMT

Thanks Martin for your update on the post. I hope you had a fun filled vacation. Looking forward for your post.

-Raju

Silverlight 2 Samples: Dragging, docking, expanding panels (Part 2)

Martin Grayson: Adventures of a 'Devigner' — Mon, 18 Aug 2008 18:19:24 GMT

In Part 1 , we looked at how we construct a Dragging, docking, expanding panel, and added the ‘dragging’

Silverlight 2 Samples: Dragging, docking, expanding panels (Part 3)

Martin Grayson: Adventures of a 'Devigner' — Fri, 29 Aug 2008 19:42:53 GMT

In Part 1 , we looked at how we construct a Dragging, docking, expanding panel, and added the ‘dragging’

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Rui Marinho — Fri, 19 Sep 2008 12:21:20 GMT

Hello Martin, i tryed to use this example in WPF but the drag dosen't work well, i have made almost no chages from the silverlight to wpf.. do i need to chage somethings?

Thanks

Rui Marinho

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

kevinbhavsar — Thu, 16 Oct 2008 10:29:52 GMT

Thanks,

i tried to use the sample example which is in Silverlight_2_Samples_-_DragDockPanel_Part1.zip

i run successfully the project but i am not getting any output on web page.

It shows only blank page......

So what will be the problem ?

Thanks,

Kevin

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Martin Grayson — Thu, 16 Oct 2008 10:35:20 GMT

Hi Kevin,

The sample attached to this post was written for Silverlight 2 Beta 2. Is it possible you are trying to run it on the RTW?

You can the RTW version of the control at www.codeplex.com/blacklight.

Cheers,

Martin

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

kevinbhavsar — Thu, 16 Oct 2008 11:59:51 GMT

Thanks Martin

Can you tell me exactly which version of Sliverlight i have to use.

And what other tools are required?

If possible provide me downloading link of Microsoft site...

Thanks.

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Martin Grayson — Thu, 16 Oct 2008 12:04:51 GMT

Hi Kevin,

I would not recommend running the sample downloaded from the blog post, as that was built on Beta 2 of Silverlight, which is now unsupported.

Head over to http://www.codeplex.com/blacklight, click the 'Releases' tab, and you will get the source code for the most up to date version of the control. You will also see the pre-requisites required to run / develop with the control.

http://www.silverlight.net is your friend.

HTH,

Martin

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

kevinbhavsar — Thu, 16 Oct 2008 15:57:53 GMT

Thanks Martin...

I used your advice and now every thing is working fine.......

Thanks again.

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

kevinbhavsar — Fri, 17 Oct 2008 08:38:19 GMT

Hello Martin

Now every thing is working fine, but when i try to open the Demonstrator from this site : http://www.mscui.net/PatientJourneyDemonstrator

i am not able to see it.

So can you provide me the solution for it........

Thanks

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Martin Grayson — Fri, 17 Oct 2008 13:19:28 GMT

Hi Kevin,

We just updated the demonstrator yesterday afternoon to work with the RTM bits.

Give it another go, and let me know if you are still having problems.

Cheers,

Martin

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

kevinbhavsar — Mon, 20 Oct 2008 12:39:13 GMT

Hey Martin...

You and your team Rocks......

Thanks....

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

kevinbhavsar — Mon, 20 Oct 2008 12:46:32 GMT

Hi Martin

I have one more question..

I have to create menu in my project..

I searched a lot for menu control in Silverlight but not getting any help..

Can you help me how to create menu like File Edit View....etc...?

Thanks

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Martin Grayson — Wed, 22 Oct 2008 23:51:00 GMT

Kevin, i thank you sir!

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Martin Grayson — Wed, 22 Oct 2008 23:52:58 GMT

Hmmm... a menu control.... Silverlight 2 doesnt have one of these out of the box, however, there is one control that gives you some of the behaviour. So you could customise the control (by editing the template) and use it as a menu.

The control is the combo box control :)

Let me know how you get on!

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

kevinbhavsar — Thu, 23 Oct 2008 16:44:51 GMT

Hello Martin

I had solved that menu problem and thanks for your advice...

Now I come with one more question.

I am trying your DragDockPanel control and I am getting error in that, I think it can be bug so do look at this problem....

I am trying to display an image in that panel and when I run the code it gives error like...

Error: Sys.InvalidOperationException: ImageError error #4001 in control 'Xaml1': AG_E_NETWORK_ERROR

Here is my code...

<controls:DragDockPanelHost>

<controls:DragDockPanel Margin="3" Style="{StaticResource DragDockPanelStyle}">

</controls:DragDockPanel>

</controls:DragDockPanelHost>

</Grid>

Any solution....

When I put that image code directly on main control then it’s shown the image.....but in this DragDockPanel it gives error...

Thanks

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Martin Grayson — Thu, 23 Oct 2008 16:53:32 GMT

This error means that there was an issue getting the image source, so I dont see how that could be affected by the drag dock panel.

Whereabout is you image? Is it in the web project, or in the Silverlight project? What is the path to the image?

If the image is in the Silverlight project, what are the Build actions / copy to output directory properties set to?

And you say, if you take that exact image Xaml, and put it in the grid that the host sits in, then it works fine?

Really strange, but if you can repro it regularly then I can take a look!

Thanks,

Martin

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

kevinbhavsar — Fri, 24 Oct 2008 08:34:42 GMT

My image is in Silverlight Project (TestLight) only, the Path is

TestLight/Images/Water lilies.jpg

My Usercontrol is at

TestLight/Samples/DragDockPanelSample.xaml

And Output Path is

Resource and Copy always

When it put the image code in main usercontrol Page.Xaml then it works fine.........

Might be this helps........

Kevin

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Martin Grayson — Tue, 04 Nov 2008 01:41:30 GMT

Hey Kevin,

Did you get this resolved? Sorry if I went quiet for a while there - work suddenly picked up.

Thanks,

Martin

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Kevin bhavsar — Tue, 04 Nov 2008 08:50:53 GMT

No Martin

Its still not solved...good you can help.........

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Rocky Fernandes — Sat, 08 Nov 2008 03:30:18 GMT

For Error: Sys.InvalidOperationException: ImageError error #4001 in control 'Xaml1': AG_E_NETWORK_ERROR

I ran into similar problem and was scrathing my head for more than a hour:

Following is what I did.

1) Place the image file in the webapplications ClientBin folder.

for e.g. I used the below code and it worked fine.

In XAML I have..

BitmapImage book1 = new BitmapImage(new Uri("book1.jpg", UriKind.Relative));

and then bind to the itemsource..

2) secondly, silverlight doesn't accept gif image extensions. So I had to convert them to jpg.

Hope this helps you.

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Benjamin Haag — Tue, 17 Feb 2009 20:05:38 GMT

Martin,

Fantastic! I've just begun learning my way through your control toolkit, as well as Silverlight as a whole, and am finding it to be invaluable. My current mission (which I seem to have accepted) is the construction of the UI framework of a Silverlight-based CRM solution.

Gratefully,

Benjamin Haag

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Benjamin Haag — Tue, 17 Feb 2009 20:06:21 GMT

Martin,

Gratefully,

Benjamin Haag

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Martin Grayson — Fri, 27 Feb 2009 13:48:10 GMT

You go, Benjamin!

Keep us updated on how you progress intergrating with CRM!

Martin

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Rune CPH — Sun, 19 Apr 2009 20:55:28 GMT

Hi Martin,

I am trying to combine DeepZoom and a DragDropPanel but get the

Category:ImageError

Message:AG_E_UNKNOWN_ERROR

mentioned above..

My code:

<controls:DragDockPanel>

<controls:DeepZoomViewer x:Name="DeepZoomViewer"

SourceUri="http://www.mscui.net/patientjourneydemonstrator/clientbin/images/ecgresults/dzc_output.xml" />

</controls:DragDockPanel>

Any solutions?

Thanks,

Rune

re: Silverlight 2 Samples: Dragging, docking, expanding panels (Part 1)

Martin Grayson — Tue, 21 Apr 2009 12:12:17 GMT

Hmmm, interesting Rune.

i will take a look.