wpf-demos/layout/Chromeless Window/GettingStarted.xaml

<syncfusion:ChromelessWindow
    x:Class="syncfusion.layoutdemos.wpf.GettingStarted"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:skinManager="clr-namespace:Syncfusion.SfSkinManager;assembly=Syncfusion.SfSkinManager.WPF"
    xmlns:syncfusion="http://schemas.syncfusion.com/wpf" 
    xmlns:editors="clr-namespace:Syncfusion.Windows.Controls.Input;assembly=Syncfusion.SfInput.Wpf"
    Title="Chromeless Window Demo"
    Width="700"
    Height="550"
    CornerRadius="{Binding ElementName=cornerRadiusSlider, Path=Value}"
    Icon="/syncfusion.layoutdemos.wpf;component/Assets/Chromeless Window/App.ico"
    Opacity="{Binding ElementName=opacityChanger, Path=Value}"
    AllowsTransparency="True"
    ResizeBorderThickness="{Binding ElementName=resizeThicknessSlider, Path=Value}"
    TitleBarHeight="{Binding Path=Value, ElementName=titleBarHeight}"
    UseNativeChrome="True"
    WindowStartupLocation="CenterScreen">
    <Grid
        x:Name="controlsGrid"
        HorizontalAlignment="Center"
        VerticalAlignment="Center">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="100" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="80" />
            <ColumnDefinition Width="80" />
            <ColumnDefinition Width="80" />
            <ColumnDefinition Width="80" />
        </Grid.ColumnDefinitions>
        <TextBlock
            x:Name="cornerRadiusValueTextBlock"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            FontSize="14"
            FontWeight="Bold"
            Text="{Binding ElementName=cornerRadiusSlider, Path=Value, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}" />
        <editors:SfRangeSlider
            x:Name="cornerRadiusSlider"
            Grid.Row="1"
            HorizontalAlignment="Center"
            VerticalAlignment="Stretch"
            Maximum="100"
            Minimum="0"
            Height="90"
            Orientation="Vertical"
            Value="0" 
            ValueChanged="CornerRadiusSlider_ValueChanged">
        </editors:SfRangeSlider>
        <TextBlock
            x:Name="cornerRadius"
            Grid.Row="2"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            FontSize="14"
            Text="Corner Radius"
            TextWrapping="Wrap" />
        <TextBlock x:Name="resizeThicknessValueTextBlock"
            Grid.Column="1"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            FontSize="14"
            FontWeight="Bold"
            Text="{Binding Path=Value, ElementName=resizeThicknessSlider, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}" />
        <editors:SfRangeSlider
            x:Name="resizeThicknessSlider"
            Grid.Row="1"
            Height="90"
            Grid.Column="1"
            HorizontalAlignment="Center"
            VerticalAlignment="Stretch"
            ValueChanged="ResizeThicknessSlider_ValueChanged"
            Maximum="100"
            Orientation="Vertical"         
            Value="1" />
        <TextBlock x:Name="resizeThicknessTextBlock"
            Grid.Row="2"
            Grid.Column="1"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            FontSize="14"
            Text="Resize Border"
            TextWrapping="Wrap" />
        <TextBlock x:Name="titleBarValueTextBlock"
            Grid.Column="2"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            FontSize="14"
            FontWeight="Bold"
            Text="{Binding Path=Value, ElementName=titleBarHeight, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}" />
        <editors:SfRangeSlider
            x:Name="titleBarHeight"
            Grid.Row="1"
            Grid.Column="2"
            Height="90"
            HorizontalAlignment="Center"
            VerticalAlignment="Stretch"
            Maximum="100"
            Orientation="Vertical"         
            Value="30" 
            ValueChanged="TitleBarHeight_ValueChanged"/>
        <TextBlock x:Name="titleBarTextBlock"
            Grid.Row="2"
            Grid.Column="2"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            FontSize="14"
            Text="Title Bar Height"
            TextWrapping="Wrap" />
        <TextBlock x:Name="opacityValueTextBlock"
            Grid.Column="3"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            FontSize="14"
            FontWeight="Bold"
            Text="{Binding Path=Value, ElementName=opacityChanger, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}" />
        <editors:SfRangeSlider
            x:Name="opacityChanger"
            Grid.Row="1"
            Grid.Column="3"
            Height="90"
            ToolTipFormat="0.0"
            HorizontalAlignment="Center"
            VerticalAlignment="Stretch"         
            Maximum="1"
            Minimum=".3"
            Orientation="Vertical"
            ValueChanged="OpacityChanger_ValueChanged"
            Value="1" />
        <TextBlock x:Name="opacityTextBlock"
            Grid.Row="2"
            Grid.Column="3"
            HorizontalAlignment="Center"
            VerticalAlignment="Center"
            FontSize="14"
            Text="Opacity Level"
            TextWrapping="Wrap" />
    </Grid>
</syncfusion:ChromelessWindow>