How to enable Windows Docking for WPF ChromelessWindow?

To enable the WPF ChromelessWindow to dock to the Windows screen, set the UseNativeChrome to true. When the UseNativeChrome property is set, the ChromelessWindow behaves in the same way as the normal Window and can be docked to the left or right. It also enables the maximization of the window when the window is docked to the top of the screen.

The following code example demonstrates how to set the UseNativeChrome from code-behind and XAML.

XAML

<syncfusion:ChromelessWindow x:Class="ChromelessWindow_118877.MainWindow"
        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"
        Title="MainWindow" Height="350" Width="525" UseNativeChrome="True">
    <Grid>       
    </Grid>
</syncfusion:ChromelessWindow>

C#

public partial class MainWindow : ChromelessWindow
    {
        public MainWindow()
        {
            InitializeComponent();
            this.UseNativeChrome = true;
        }
    }

To arrange the windows side by side,

1. Drag the title bar of a window to the left or right side of the screen until an outline of the expanded window appears.
2. Release the mouse to expand the window.
3. Repeat steps 1 and 2 with another window to arrange the windows side by side.

To return the window to its original size, drag the title bar away from the top of the desktop and then release.

Keyboard gestures:

To snap an active window to the side of the desktop by using the keyboard, press either the ‌Windows logo key +Left Arrow or‌ Windows logo key +Right Arrow.

The following screenshots illustrate the windows docking of the ChromelessWindow.

Figure 1: ChromelesWindow maximizes when docked to the top of the Screen

Figure 2: Docking the ChromelessWindow to the right side

Figure 3: Two ChromelessWindows snapped side by side