How to create closed (hidden) panels

• Apr 15, 2018

The following example shows how to create closed (hidden) panels.

To create closed panels, panel objects are added to the DockLayoutManager.ClosedPanels collection.

In the example, the built-in Closed Panels bar is visible (the DockLayoutManager.ClosedPanelsBarVisibility property is set to Auto). It allows closed panels to be restored on the fly.

Note

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-create-closed-hidden-panels-e1640.

Window1.xaml

<dxdo:DockLayoutManager Margin="12" Name="dockManager1" ClosedPanelsBarVisibility="Auto" dxcore:ThemeManager.ThemeName="Office2007Blue">
    <dxdo:DockLayoutManager.ClosedPanels>
        <!--Create three closed (hidden) panels-->
        <dxdo:LayoutPanel x:Name="paneProperties" Caption="Properties">
            <RichTextBox />
        </dxdo:LayoutPanel>
        <dxdo:LayoutPanel x:Name="paneMessages" Caption="Messages">
            <RichTextBox />
        </dxdo:LayoutPanel>
        <dxdo:LayoutPanel x:Name="paneFindResults" Caption="Find Results">
            <RichTextBox />
        </dxdo:LayoutPanel>
    </dxdo:DockLayoutManager.ClosedPanels>
</dxdo:DockLayoutManager>