Dynamically Create Floating Pane

[Ernesto Morin]

I have defined a Container and a Group in XAML code.

            <telerik:RadSplitContainer x:Name="FloatingContainer" InitialPosition="FloatingDockable"
                    telerik:RadDocking.FloatingLocation="250, 50"
                    telerik:RadDocking.FloatingSize="300, 220">
                <telerik:RadPaneGroup x:Name="FloatingContainerGroup">
                    </telerik:RadPaneGroup>
                </telerik:RadSplitContainer>

I am trying to create a RadPane through code to add it to the group at runtime. 

FloatingContainerGroup.AddItem(newRadPane,DockPosition.Center);

My problem is that everything works fine except that I never see the FloatingPane pop up.  It works fine if I create a RadPane in XAML and then add the dynamically created new radpane.

What am I missing?

[George]

Hi Ernesto,

In order to add a RadPane dynamically and make it floating, I would suggest you to use RadPane.MakeFloatingDockable() method. If you want to use already empty defined RadPaneGroup and add the new RadPanes to this group, please refer to the code below:

<telerik:RadSplitContainer x:Name="FloatingContainer"
                    telerik:RadDocking.FloatingLocation="250, 50"
                    telerik:RadDocking.FloatingSize="300, 220">
                <telerik:RadPaneGroup x:Name="FloatingContainerGroup">
                </telerik:RadPaneGroup>
            </telerik:RadSplitContainer>

 
and in the code behind:

var pane = new RadPane { Header = "pane 1" };
            this.FloatingContainerGroup.Items.Add(pane);
            pane.MakeFloatingDockable();

But, if you want to create many floating RadPanes dynamically, it is a better aproach to define the RadSplitContainers and the RadPaneGroups in the code behind as well:

// create a new RadSplitContainer and add it to the RadDocking
            RadSplitContainer container = new RadSplitContainer();
            RadDocking.SetFloatingLocation(container, new Point(250, 50));
            RadDocking.SetFloatingSize(container, new Size(300, 220));
            this.radDocking.Items.Add(container);

            // create a new RadPaneGroup and place it in the RadSplitContainer
            RadPaneGroup group = new RadPaneGroup();
            container.Items.Add(group);

            // create a new RadPane, place it in the RadPaneGroup and make it FloatingDockable
            var pane = new RadPane { Header = "pane 1" };
            group.Items.Add(pane);
            pane.MakeFloatingDockable();

For more information about RadPanes, please refer to our online documentation - http://www.telerik.com/help/silverlight/raddocking-panes-radpane.html

I hope this helps.


Greetings,
George
the Telerik team

[Dean Wyant]

An alternative that works for me is:

RadSplitContainer SC = new RadSplitContainer() { InitialPosition = Telerik.Windows.Controls.Docking.DockState.FloatingDockable };
RadPaneGroup PG = new RadPaneGroup();
SC.Items.Add(PG);
_Dock.Items.Add(SC);
 Pane = new RadPane();
 PG.Items.Add(Pane);
 Pane.Content = ?;