Silverlight Controls and Silverlight Toolkit

Re: Re: Re: Value does not fall within the expected range.

siva_cxxiv — Fri, 31 Jul 2009 12:04:47 GMT

Hi,

Here is a dragable window sample.

http://timheuer.com/blog/archive/2009/07/21/floatable-window-source-on-codeplex.aspx

Thanks

Siva
------------------------------
Please 'mark as answer' if my reply helps you.

Re: Re: Value does not fall within the expected range.

hoangtuit — Fri, 26 Jun 2009 15:52:12 GMT

Thanks sladapter,

I opened PopupWindow.cs file, and I saw close method:

        public void Close()
        {
            if (this.ModalMask != null)
            {
                this.ModalMask.Visibility = Visibility.Collapsed;
            }
            this.Visibility = Visibility.Collapsed;
        }

I'm beginer. Now, I can reopen form, but, I want edit PopupWindow.cs to close form.

ex: method CloseMode (hide or close form) .

How to do it. Please show me.

Sorry about my EN.

Re: Value does not fall within the expected range.

sladapter — Fri, 26 Jun 2009 13:26:57 GMT

The " Value does not fall within the expected range" error usually happens when you try to add a control to the visual tree more than once. When you first open the window, you created a popup and added it to the container. When you close the popup did you remove it from the container or just hide it. If you did not remove it from it's parent but just hide it then it's still in the visual tree. When you click the open button again you create another popup control might also give it the same Name. So you have another control with the same name you are trying to add to the container. That would cause that error.

You can either remove the first popup from it's parent when you close it or you can reuse that popup by making it visible but change the content to the new content if you don't want to have more than one popup open at any given time.

Value does not fall within the expected range.

hoangtuit — Fri, 26 Jun 2009 02:19:15 GMT

Hi sladapter,

I have a problem.

I builded a dynamic popup form via a xml file. It's ok. When I click to "Open" button, form is showed. I can close form..., everything is ok.

But, when I reopen form, It's error: Value does not fall within the expected range.

How can I fix it?

Sorry about my EN.

Re: Windows cannot dragged and cannot resized

SASilver — Wed, 27 May 2009 16:04:04 GMT

I tried creating a sample xaml page in the project and it worked. But when i added the 3 files

1. DragDropControl.cs 2. PopupWindow.cs 3. Position.cs and the IMg and Themes folder to my project and run it, i get "Container is Missing in the template" error.

Any guesses why?

I have modified the namespace names. I cannot figure the reason.

Re: Windows cannot dragged and cannot resized

sladapter — Sat, 11 Apr 2009 22:15:34 GMT

The code has been added to the codeplex ( thanks to coryking ). You can download the latest code from here:

http://dialogs.codeplex.com/

Re: Windows cannot dragged and cannot resized

kobruleht — Wed, 08 Apr 2009 15:00:26 GMT

I downloaded code from

http://cid-9cffd385fd75195b.skydrive.live.com/self.aspx/Silverlight/DraggableWindow.zip

and ran it using latest RTW components. It complains about missing DataGrid. I fixed this by re-adding System.Windows.Data assembly

Windows cannot dragged and cannot resized.

How to make it work ?

Andrus.

Re: Using the SL RTW version

owenter — Thu, 29 Jan 2009 14:15:07 GMT

sladapter:
Here are the steps to split the control from the Silverlight main project and put the control into a separate class library:
1) Open my demo solution. Add a Silverlight class library project. Move the DragDropControl.cs/PopupWindow.cs/Position.cs file into the class library project. Move the themes folder and generic.xaml in that folder to the class library too. Build the project make it compiles.
2) Add this class library project to the references of your main Silverlight project. You can still use the Page.xaml of my demo project to do this test. You just need to change the name space information and assembly information in the Page.Xaml to point to your class library:
<UserControl x:Class="DraggableWindow.Page"
             xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"
             xmlns="http://schemas.microsoft.com/client/2007"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:controls="clr-namespace:YourDraggableWindowClassLibraryNameSpace;assembly=YourDraggableWindowClassLibraryAssembly">
...
<controls:DragDropControl CanResize="True" OffsetX="100" OffsetY="50">
...
</UserControl>
Once it's working. You can use that class libary in any project.

Tried this, compiles ok but when it runs I get just the white screen and "Done" in the status bar. Tells me that something ain't right. I copied the img directory and its contents, figured that would be useful to have.

I downloaded your solution and it works fine.

Any one else had the same problem and found the solution or maybe Sladapter if you have time and inclination could help.

Great posts on here BTW all useful stuff for us "C" dinosaurs trying to grasp these new technologies.

Re: Re: Re: Using the SL RTW version

mwieder — Wed, 21 Jan 2009 20:10:54 GMT

Great control!

Is it better to use this implementation then using the Popup control contained in SilverLight?

Also, my browser says "Error on Page" when the Popup is launched, but it doesn't seem to affect the functionality and the VS debugger isn't breaking on it. Anyone else showing that error when launching a Modal Popup with the code above?

Re: Re: Using the SL RTW version

sladapter — Tue, 06 Jan 2009 01:44:08 GMT

mwieder,

Thank you for the suggestion. I have added CloseButtonClicked public event to the Popup window. Now user can handle Close event themselves in the parent control if they want to. If they do not hook up the event, window will be closed using the old Close function.

Re: Re: Using the SL RTW version

mwieder — Wed, 24 Dec 2008 16:51:46 GMT

sladapter - first of all, thanks for providing the control.

An important improvement would be to hook into an event so that the hosted control can know when the user closed the popup and send information back to the parent control. The way it is coded right now, the Visibility property is used to display or "close" the control, but no event is fired when that property is changed. One suggestion would be to also change the Enabled property of the hosted control since that does trigger an event on the hosted control.

Re: Using the SL RTW version

magicmarky — Thu, 11 Dec 2008 15:10:47 GMT

It would be nice if the cursor changed to a diagonal arrow when over the corners of the window, but I know the Silverlight Cursors class doesn't contain these unfortunately.

One minor problem I noticed, which you can see with your sample, is if you resize the window and make it narrower then it cuts the title off halfway along the title bar. This can be fixed by editing the generic.xaml file, in the TitleBar border it defines two columns with default 50% widths, if you give the second column a fixed width of 26 then it fixes this.

Re: Using the SL RTW version

magicmarky — Thu, 11 Dec 2008 12:40:37 GMT

Thanks for replying. To reproduce the problem with your sample, if you add column and row definitions to the grid, with the first column width 100, second column width *, first row height 100, second row height *, then run it, if you click one of the buttons to open a new dialog then the dialog appears, but it is clipped to 100x100. To fix it you can add the code pw.SetValue(Grid.ColumnSpanProperty, 2); pw.SetValue(Grid.RowSpanProperty, 2); to where the dialog is created.

Thanks,

Mark

Re: Using the SL RTW version

sladapter — Wed, 10 Dec 2008 15:44:26 GMT

I added Grid.ColumnDefinitions and Grid.RowDefinitions on the parent grid, but I did not set Grid.Column and Grid.Row on the PopupWindow, I do not see any problem. If you set the Grid.Row and Grid.Column on the PopupWindow that means you want limit the Draggable area to that cell. Then you can not drag it out of that cell. When you add the Popup window to a Grid, just don't set the Grid.Column and Grid.Row peropery. If you want to set the initial position, use OffsetX/OffsetY to do it.

Re: Using the SL RTW version

magicmarky — Wed, 10 Dec 2008 10:35:00 GMT

sladapter, firstly thanks a lot for the draggable window, I need draggable, resizable modal dialogs for a Silverlight application I'm working on and this is brilliant, so really appreciate that!

However I've noticed a problem with it, most UIs I think will use a Grid, and will set up columns and rows within it, but if you do this then any draggable windows will not appear correctly - they will be the size of the first column and row. You can see this in your example project by adding some columns and rows to the grid. You can work around this by setting the ColumnSpan and RowSpan properties on the draggable window when creating it, but it's taken me a while to figure out what the problem was and it would be nice if you didn't have to do this, I don't know if you have any thoughts on that? Can the draggable window code find out the number of columns and rows in the grid and set itself to span them all automatically?

Thanks,

Mark