How to create auto-hidden panels

• Jun 07, 2019

This example shows how to create auto-hidden panels in XAML. To create auto-hidden panels:

1) AutoHideGroup objects are added to the DockLayoutManager.AutoHideGroups collection.

2) Panels are added to the corresponding AutoHideGroup object.

View Example

Window1.xaml

<dxdo:DockLayoutManager.AutoHideGroups>
    <!--Create one AutoHideGroup on the right-->
    <dxdo:AutoHideGroup DockType="Right">
        <dxdo:LayoutPanel x:Name="paneProperties" Caption="Properties" ItemWidth="150">
            <RichTextBox />
        </dxdo:LayoutPanel>
        <dxdo:LayoutPanel x:Name="paneMessages" Caption="Messages" ItemWidth="150">
            <RichTextBox />
        </dxdo:LayoutPanel>
    </dxdo:AutoHideGroup>
    <!--Create two AutoHideGroups on the left-->
    <dxdo:AutoHideGroup DockType="Left">
        <dxdo:LayoutPanel x:Name="paneErrors" Caption="Errors" ItemWidth="150">
            <RichTextBox />
        </dxdo:LayoutPanel>
        <dxdo:LayoutPanel x:Name="paneWarnings" Caption="Warnings" ItemWidth="150">
            <RichTextBox />
        </dxdo:LayoutPanel>
    </dxdo:AutoHideGroup>

    <dxdo:AutoHideGroup DockType="Left">
        <dxdo:LayoutPanel x:Name="paneFindResults" Caption="Find Results" ItemWidth="150">
            <RichTextBox />
        </dxdo:LayoutPanel>
    </dxdo:AutoHideGroup>
</dxdo:DockLayoutManager.AutoHideGroups>