Floating Window in combination with MVVM

[Michael]

Hello,

i'm using the Telerik Dock Controls.

In order to mvvm i'm using the binding to the Property PanesSource.

I Add a login Screeen at startup and want to show it in the center of the application and not docked to any of my SplitContainers.

The XAML head of the RadPane looks as followed:

<telerik:RadPane x:Class="ProductLifecycle.Frontend.UI.UserControls.LoginPage"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:local="clr-namespace:ProductLifecycle.Frontend.UI.UserControls"
             xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
                 xmlns:viewModels="clr-namespace:ProductLifecycle.Frontend.ViewModels"
             mc:Ignorable="d"
             d:DesignHeight="300" d:DesignWidth="300" Header="{Binding Title}"
                 d:DataContext="{d:DesignInstance viewModels:LoginPage, IsDesignTimeCreatable=False}"
                 telerik:RadDocking.DockState="FloatingOnly" telerik:RadDocking.FloatingSize="300,200" CanUserClose="False" CanUserPin="False" CanDockInDocumentHost="False" >

 

Everytime when i add this Control to my Binded Collection this window appears in the left of the docking control.

How can i start this window as floating window in front of my application?

Thanks,

Michael

[Nasko]

Hi Michael,

In order to achieve the desired functionality and preserve the MVVM pattern what we could suggest you is to use custom DockingPanesFactory. Inside the AddPane method (after its base implementation is executed) you need to call the MakeFloatingDockable method for the Pane that you want to make floating and using the FloatingLocation attached property to position it as desired.

We have created a sample project that demonstrates the described above approach and you could run and evaluate it.

Hope this helps.

Regards,
Nasko
Telerik by Progress

[Michael]

Hi Nasko,

thanks for your help. This is exactly what i was looking for. I already created a CustomPanesFactory so I only had to set the property and executed the method in case that it is a floating window.

 

Thanks and Regards,

Michael