DockingManager default layout

[Ahmed moussa]

how to make  the console tap to be underneath the viewport witout going under the properties tap 

        <syncfusion:DockingManager x:Name="dockingManager" DockFill="True" UseDocumentContainer="True" syncfusionskin:SfSkinManager.VisualStyle="Windows11Dark" Grid.Column="1" Grid.Row="1" WindowClosing="dockingManager_WindowClosing" Loaded="dockingManager_Loaded" >

            <Grid x:Name="Outliner" syncfusion:DockingManager.Header="Outliner" MinWidth="250" syncfusion:DockingManager.SideInDockedMode="Left" syncfusion:DockingManager.DesiredWidthInDockedMode="250">

                <Frame x:Name="objectframe" NavigationUIVisibility="Hidden" />

            </Grid>

            <Grid x:Name="Console" syncfusion:DockingManager.Header="Console" syncfusion:DockingManager.SideInDockedMode="Bottom" syncfusion:DockingManager.DesiredClientHeightInDockedMode="250" syncfusion:DockingManager.DesiredWidthInDockedMode="730" >

                <Frame x:Name="Outlinerframe" NavigationUIVisibility="Hidden">

                </Frame>

            </Grid>

            <Grid x:Name="Properties" syncfusion:DockingManager.Header="Properties" MinWidth="320" syncfusion:DockingManager.SideInDockedMode="Right" syncfusion:DockingManager.DesiredWidthInDockedMode="320" >

                <Frame x:Name="propertiesframe" NavigationUIVisibility="Hidden" />

            </Grid>

            <Grid x:Name="Viewport" syncfusion:DockingManager.Header="ViewPort" MinWidth="330" syncfusion:DockingManager.SideInDockedMode="Left" syncfusion:DockingManager.DesiredClientHeightInDockedMode="930" syncfusion:DockingManager.DesiredWidthInDockedMode="730" >

                <Grid.RowDefinitions>

                    <RowDefinition Height="Auto" MinHeight="35"/>

                    <!-- Row for the toolbar -->

                    <RowDefinition/>

                    <!-- Row for the viewport -->

                </Grid.RowDefinitions>

                <ScrollViewer HorizontalScrollBarVisibility="Auto" VerticalScrollBarVisibility="Disabled">

                    <Grid x:Name="viewporttools" Grid.Row="0" Background="#FF202020" MinWidth="350">

                    </Grid>

                </ScrollViewer>

                <Grid x:Name="viewport" syncfusion:DockingManager.Header="ViewPort" Grid.Row="1">

                    <!-- Add your content for the viewport here -->

                </Grid>

            </Grid>

        </syncfusion:DockingManager>

like this 

[Vignesh Nagarajan]

Hi Ahmed moussa,

To display the console tab underneath the viewport without going under the properties tab, you can add "syncfusion:DockingManager.TargetNameInDockedMode="Viewport"" to the Console grid.
 

Please refer the following link for your reference: https://help.syncfusion.com/wpf/docking/docking-window

Code Snippets:

<Grid x:Name="Console" syncfusion:DockingManager.Header="Console" syncfusion:DockingManager.SideInDockedMode="Bottom" syncfusion:DockingManager.TargetNameInDockedMode="Viewport" syncfusion:DockingManager.DesiredClientHeightInDockedMode="250" syncfusion:DockingManager.DesiredWidthInDockedMode="730" >

Regards,

Vignesh.