MDI Mode

• Apr 15, 2018

You can implement the MDI UI using a Document Group container. If you set the DocumentGroup.MDIStyle property to MDIStyle.MDI, the Document Group’s child panels will be represented as floating windows. They can be freely moved within the container, maximized, minimized and restored, as the MDI UI dictates.

See Document Groups and Panels to learn more.

Example

In this example, MDI mode is enabled for a DocumentGroup via the MDIStyle property. In this mode, the DocumentGroup’s panels are represented as floating windows.

The following image shows the result:

Note

A complete sample project is available at https://github.com/DevExpress-Examples/how-to-enable-mdi-mode-for-a-documentgroup-e2190.

MainWindow.xaml

<dxdo:DocumentGroup x:Name="documentGroup1" ItemWidth="2*" MDIStyle="MDI">
    <dxdo:DocumentPanel x:Name="document1" Caption="Document 1" MDISize="200,100" >
        <RichTextBox/>
    </dxdo:DocumentPanel>
    <dxdo:DocumentPanel x:Name="document2" Caption="Document 2" MDISize="200,100" MDILocation="50,120" >
        <RichTextBox/>
    </dxdo:DocumentPanel>
</dxdo:DocumentGroup>