How to create floating panels in XAML

• Jun 07, 2019

The following example shows how to create floating panels. To create a floating panel:

1) A FloatGroup is added to the DockLayoutManager.FloatGroups collection

2) A LayoutPanel(s) is added to the created FloatGroup.

Note

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-create-floating-panels-in-xaml-e1635.

Window1.xaml

<dxdo:DockLayoutManager.FloatGroups>
    <!--Create a FloatGroup containing two panels-->
    <dxdo:FloatGroup FloatSize="400,200" FloatLocation="20,30">
        <dxdo:LayoutPanel x:Name="paneProperties" Caption="Properties">
            <RichTextBox />
        </dxdo:LayoutPanel>
        <dxdo:LayoutPanel x:Name="paneMessages" Caption="Messages">
            <RichTextBox />
        </dxdo:LayoutPanel>
    </dxdo:FloatGroup>
    <!--Create a FloatGroup containing one panel-->
    <dxdo:FloatGroup FloatSize="200,150" FloatLocation="100,100">
        <dxdo:LayoutPanel x:Name="paneFindResults" Caption="Find Results">
            <RichTextBox />
        </dxdo:LayoutPanel>
    </dxdo:FloatGroup>
</dxdo:DockLayoutManager.FloatGroups>