Category / Section
How to setting Document Mode in Document Container Control?
1 min read
Document in DocumentContainer can be displayed as TDI (Tabbed Document Interface) and MDI (Multiple Document Interface). Display mode of Document can be changed by “Mode” property of DocumentContainer.
The same has been explained in the following code snippet:
XAML:
//Code Explains how to set mode in Document Container control <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:syncfusion="http://schemas.syncfusion.com/wpf" x:Class="DocumentContainer1.MainWindow" Title="MainWindow" Height="350" Width="525"> <Grid> <syncfusion:DocumentContainer Name="DockContainer" Width="Auto" Height="Auto" Mode="TDI" > <FlowDocumentScrollViewer Name="Document" Width="Auto" Height="Auto" syncfusion:DocumentContainer.Header="Features" syncfusion:DocumentContainer.MDIBounds="0,0,300,300"> <FlowDocument> <Paragraph>A DocumentContainer is a control that is used for holding the documents, controls and panels inside it.</Paragraph></FlowDocument> </FlowDocumentScrollViewer><FlowDocumentScrollViewer Name="Document1" syncfusion:DocumentContainer.Header="Document" syncfusion:DocumentContainer.MDIBounds="0,0,300,300"> <FlowDocument><Paragraph>Welcome to Syncfusion</Paragraph</FlowDocument> </FlowDocumentScrollViewer> </syncfusion:DocumentContainer> </Grid> </Window>
C#:
//Code explains how to set mode property in Document Container namespace DocumentContainer1 { public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); DockContainer.Mode = DocumentContainerMode.MDI; } } }
Output:
TDI (Tabbed Document Interface)
MDI (Multiple Document Interface)