Articles in this section
Category / Section

How to customize the TitleBar of the ChromelessWindow?

4 mins read

The TitleBar can be customized by using the TitleBarTemplate property. In the following code, a Help button is added to the TitleBar of the ChromelessWindow.

App.XAML

<Application x:Class="ChromelessWindow_ HelpButton.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:shared="http://schemas.syncfusion.com/wpf"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ControlTemplate x:Key="MinimizeIcon" TargetType="{x:Type Button}" >
                <Border Name="minborder4"   BorderThickness="1" CornerRadius="1" Background="Transparent"  MinHeight="20" Width="22"  Margin="1,0,1,5">
                    <Canvas Width="9" Height="9">
                        <Line X1="0" X2="8"  Y1="6" Y2="6" Stroke="White" StrokeThickness="1"/>
                        <Line X1="0" X2="8"  Y1="7" Y2="7" Stroke="White" StrokeThickness="1"/>
                        <Line X1="0" X2="8"  Y1="8" Y2="8" Stroke="White" StrokeThickness="1"/>
                    </Canvas>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter TargetName="minborder4" Property="Background" >
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#66FFFFFF" Offset="0"/>
                                    <GradientStop Color="#00FFFFFF" Offset="1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                        <Setter TargetName="minborder4" Property="BorderBrush" >
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#00FFFFFF" Offset="0"/>
                                    <GradientStop Color="#7FFFFFFF" Offset="0.1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="true">
                        <Setter TargetName="minborder4" Property="Background">
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#99FFFFFF" Offset="0"/>
                                    <GradientStop Color="#00FFFFFF" Offset="1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
            <ControlTemplate x:Key="RestoreIcon" TargetType="{x:Type Button}">
                <Border Name="resborder4"   BorderThickness="1" CornerRadius="1" Background="Transparent"  Height="20" Width="20"  Margin="1,0,1,5">
                    <Canvas Width="9" Height="8">
                        <Line X1="2" X2="9"  Y1="1.5" Y2="1.5" Stroke="White" StrokeThickness="1"/>
                        <Rectangle Canvas.Left="6" Canvas.Top="2"  Stroke="White" Width="3" Height="5" StrokeThickness="1"/>
                        <Line X1="3" X2="8"  Y1="3" Y2="3" Stroke="White" StrokeThickness="1"/>
                        <Line X1="2" X2="8"  Y1="7" Y2="7" Stroke="White" StrokeThickness="1"/>
                        <Line X1="0" X2="7"  Y1="2.5" Y2="2.5" Stroke="White" StrokeThickness="1"/>
                        <Rectangle Canvas.Left="0" Canvas.Top="3" Stroke="White" Width="7" Height="5" StrokeThickness="1"/>
                        <Line X1="1" X2="6"  Y1="4" Y2="4" Stroke="White" StrokeThickness="1"/>
                        <Line X1="0" X2="6"  Y1="8" Y2="8" Stroke="White" StrokeThickness="1"/>
                    </Canvas>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter TargetName="resborder4" Property="Background" >
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#66FFFFFF" Offset="0"/>
                                    <GradientStop Color="#00FFFFFF" Offset="1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                        <Setter TargetName="resborder4" Property="BorderBrush" >
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#00FFFFFF" Offset="0"/>
                                    <GradientStop Color="#7FFFFFFF" Offset="0.1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="true">
                        <Setter TargetName="resborder4" Property="Background">
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#99FFFFFF" Offset="0"/>
                                    <GradientStop Color="#00FFFFFF" Offset="1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
            <ControlTemplate x:Key="MaximizeIcon" TargetType="{x:Type Button}">
                <Border Name="maxborder4" BorderThickness="1" CornerRadius="1" Background="Transparent" Height="20" Width="22" HorizontalAlignment="Right" Margin="1,2,1,5">
                    <Canvas Width="9" Height="9">
                        <Rectangle Fill="Transparent" Stroke="White" Width="9" Height="7"/>
                        <Rectangle Canvas.Top="1" Canvas.Left="1" Fill="{TemplateBinding Background}" Stroke="{TemplateBinding Background}" Width="7" Height="3" Margin="0,2,0,0"/>
                        <Line X1="0" X2="8"  Y1="8" Y2="8" Stroke="Transparent" StrokeThickness="1"/>
                    </Canvas>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter TargetName="maxborder4" Property="Background" >
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#66FFFFFF" Offset="0"/>
                                    <GradientStop Color="#00FFFFFF" Offset="1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                        <Setter TargetName="maxborder4" Property="BorderBrush" >
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#00FFFFFF" Offset="0"/>
                                    <GradientStop Color="#7FFFFFFF" Offset="0.1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="true">
                        <Setter TargetName="maxborder4" Property="Background">
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#99FFFFFF" Offset="0"/>
                                    <GradientStop Color="#00FFFFFF" Offset="1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
            <ControlTemplate x:Key="CloseIcon" TargetType="{x:Type Button}">
                <Border Name="closeborder4" BorderThickness="1" CornerRadius="1" Background="Transparent" Height="20" Width="22" HorizontalAlignment="Right" Margin="1,0,1,5">
                    <Canvas Width="12" Height="9">
                        <Path Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF000000" Width="11" Height="10" Canvas.Left="0.875" Data="M284.20002,237.66667 L287.59967,237.66667 288.733,239.46634 290.06676,237.53303 293.0665,237.53303 293.0665,238.99951 290.59978,241.26536 290.59978,242.26457 293.19982,244.59636 293.19982,245.66247 290.13311,245.72877 288.74141,243.79678 287.39973,245.59584 284.26634,245.59584 284.26634,244.663 286.66638,242.39751 286.66638,241.26476 284.19968,238.79938 z"/>
                    </Canvas>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter TargetName="closeborder4" Property="Background" >
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#66FFFFFF" Offset="0"/>
                                    <GradientStop Color="#00FFFFFF" Offset="1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                        <Setter TargetName="closeborder4" Property="BorderBrush" >
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#00FFFFFF" Offset="0"/>
                                    <GradientStop Color="#7FFFFFFF" Offset="0.1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="true">
                        <Setter TargetName="closeborder4" Property="Background">
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#99FFFFFF" Offset="0"/>
                                    <GradientStop Color="#00FFFFFF" Offset="1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
            <ControlTemplate x:Key="HelpIcon" TargetType="{x:Type Button}">
                <Border Name="helpborder4" BorderThickness="1" CornerRadius="1" Background="Transparent" Height="20" Width="22" HorizontalAlignment="Right" Margin="1,0,1,5">
                    <Canvas Width="12" Height="9">
                        <Path Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FFFFFFFF" Width="11" Height="10" Canvas.Left="0.875">
                            <Path.Data>
                                <PathGeometry FillRule="Nonzero" Figures="M20.625,78.399169921875L22.658203125,78.780029296875 24.3515625,79.922607421875 25.4941387176514,81.615966796875 25.875,83.649169921875 25.4882793426514,85.647216796875 24.328125,87.328857421875 22.62890625,88.471435546875 20.625,88.852294921875 18.626953125,88.471435546875 16.9453125,87.328857421875 15.8027334213257,85.647216796875 15.421875,83.649169921875 15.8027334213257,81.615966796875 16.9453125,79.922607421875 18.626953125,78.780029296875 20.625,78.399169921875z M21.1875,22.571044921875L25.6962890625,22.922607421875 29.56640625,23.9772968292236 32.7978515625,25.7351093292236 35.390625,28.196044921875 36.8671875,30.3142108917236 37.921875,32.5437049865723 38.5546875,34.8845252990723 38.765625,37.336669921875 38.384765625,40.805419921875 37.2421875,44.367919921875 35.033203125,48.293701171875 31.453125,52.852294921875 28.3842754364014,56.416259765625 25.9746074676514,59.420654296875 24.2241191864014,61.865478515625 23.1328125,63.750732421875 21.908203125,67.565185546875 21.28125,72.586669921875 19.359375,72.586669921875 19.892578125,67.190185546875 20.8359375,62.813232421875 21.56396484375,60.690673828125 22.599609375,58.190185546875 23.94287109375,55.311767578125 25.59375,52.055419921875 27.9140605926514,47.373779296875 29.25,43.922607421875 29.8828105926514,41.069091796875 30.09375,38.180419921875 29.8959941864014,35.3562049865723 29.3027324676514,32.8366737365723 28.3139629364014,30.6218280792236 26.9296875,28.711669921875 25.25830078125,27.1735858917236 23.408203125,26.0749549865723 21.37939453125,25.4157733917236 19.171875,25.196044921875 15.52734375,25.6765174865723 12.75,27.117919921875 10.9921875,29.1218299865723 10.40625,31.289794921875 10.7578125,33.2233924865723 11.8125,35.555419921875 12.8671865463257,37.7819862365723 13.21875,39.399169921875 12.9492177963257,40.951904296875 12.140625,42.235107421875 10.9453125,43.096435546875 9.515625,43.383544921875 7.634765625,42.897216796875 5.9296875,41.438232421875 4.716796875,39.1120643615723 4.3125,36.024169921875 4.5966796875,33.4519081115723 5.44921875,31.0319862365723 6.8701171875,28.7644062042236 8.859375,26.649169921875 11.3349599838257,24.8649921417236 14.2148427963257,23.5905780792236 17.4990234375,22.825927734375 21.1875,22.571044921875z" />
                            </Path.Data>
                        </Path>
                    </Canvas>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsMouseOver" Value="true">
                        <Setter TargetName="helpborder4" Property="Background" >
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#66FFFFFF" Offset="0"/>
                                    <GradientStop Color="#00FFFFFF" Offset="1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                        <Setter TargetName="helpborder4" Property="BorderBrush" >
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#00FFFFFF" Offset="0"/>
                                    <GradientStop Color="#7FFFFFFF" Offset="0.1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                    <Trigger Property="IsPressed" Value="true">
                        <Setter TargetName="helpborder4" Property="Background">
                            <Setter.Value>
                                <LinearGradientBrush EndPoint="0,1" StartPoint="0,0">
                                    <GradientStop Color="#99FFFFFF" Offset="0"/>
                                    <GradientStop Color="#00FFFFFF" Offset="1"/>
                                </LinearGradientBrush>
                            </Setter.Value>
                        </Setter>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
            <LinearGradientBrush x:Key="TitleBarbackground" StartPoint="0.500001,-0.328766" EndPoint="0.500001,0.794529">
                <LinearGradientBrush.GradientStops>
                    <GradientStop Color="#FFBCCEE4" Offset="0" />
                    <GradientStop Color="#FF7790BF" Offset="0.483521" />
                    <GradientStop Color="#FF5D7AB1" Offset="0.56044" />
                    <GradientStop Color="#FF4C6B9A" Offset="1" />
                </LinearGradientBrush.GradientStops>
            </LinearGradientBrush>
            <ControlTemplate x:Key="Titlebartemplate" TargetType="{x:Type shared:TitleBar}">
                <Border Name="border" Background="{StaticResource TitleBarbackground}" MinHeight="25" Height="{Binding ElementName=TitleBarHeight,Path=Value}" CornerRadius="{Binding ElementName=CornerRadiusSlider,Path=Value}"   >
                    <ContentPresenter HorizontalAlignment="Stretch" VerticalAlignment="Stretch"  />
                </Border>
            </ControlTemplate>
                        <ControlTemplate x:Key="ChromelessWindowTemplate" TargetType="{x:Type shared:ChromelessWindow}">
                <Border Name="OuterBorder" Background="White" BorderBrush="#FF5371A4" BorderThickness="2">
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <shared:TitleBar Name="PART_TitleBar" Grid.Row="0" Template="{StaticResource Titlebartemplate}" Margin="0,-2,0,0" >
                            <Grid VerticalAlignment="Top" Height="30">
                                <StackPanel Orientation="Horizontal">
                                    <Image x:Name="PART_Icon" Source="{Binding RelativeSource={RelativeSource FindAncestor,  AncestorType={x:Type shared:ChromelessWindow}}, Path=Icon}" VerticalAlignment="Center"  HorizontalAlignment="Left" Margin="4,4,2,4"  MaxWidth="16" MaxHeight="16" MinWidth="16" MinHeight="16" />
                                    <ContentControl Foreground="{TemplateBinding TitleBarForeground}"  Content="{TemplateBinding Title}" VerticalAlignment="Center" HorizontalAlignment="Left" x:Name="TitlePresenter" Margin="5,5,5,5" />
                                </StackPanel>
                                <StackPanel   Orientation="Horizontal" HorizontalAlignment="Right" VerticalAlignment="Center">
                                    <shared:TitleButton x:Name="HelpButton" Template="{StaticResource HelpIcon}" shared:WindowChrome.IsHitTestVisibleInChrome="True" ToolTip="Help"/>
                                    <shared:TitleButton x:Name="MinimizeButton" Command="shared:ChromelessWindow.ToggleMinimizedState" Template="{StaticResource MinimizeIcon}" shared:WindowChrome.IsHitTestVisibleInChrome="True" ToolTip="Minimize"/>
                                    <shared:TitleButton x:Name="PART_MaximizeButton" Visibility="Collapsed"  Command="shared:ChromelessWindow.ToggleMaximizedState"   Template="{StaticResource MaximizeIcon}" shared:WindowChrome.IsHitTestVisibleInChrome="True" ToolTip="Maximize"/>
                                    <shared:TitleButton x:Name="PART_RestoreButton" Visibility="Collapsed" Command="shared:ChromelessWindow.ToggleMaximizedState"  Template="{StaticResource RestoreIcon}" shared:WindowChrome.IsHitTestVisibleInChrome="True"  ToolTip="Maximize"/>
                                    <shared:TitleButton x:Name="CloseButton"  Command="shared:ChromelessWindow.CloseWindow"  Template="{StaticResource CloseIcon}" shared:WindowChrome.IsHitTestVisibleInChrome="True" ToolTip="Close"/>
                                </StackPanel>
                            </Grid>
                        </shared:TitleBar>
                        <Border Grid.Row="1"  Name="ContentAreaBorder" CornerRadius="{Binding ElementName=CornerRadiusSlider,Path=Value}" >
                            <Grid x:Name="ChildGrid">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="Auto"/>
                                </Grid.RowDefinitions>
                                <shared:ResizeGripStyle x:Name="PART_Resizegrip" Style="{TemplateBinding ResizeGripStyle}" HorizontalAlignment="right" VerticalAlignment="Bottom" Visibility="Collapsed" IsTabStop="False" Cursor="SizeNWSE" Margin="0,0,3,3" />
                                <ContentPresenter Name="contentpresenter"  />
                            </Grid>
                        </Border>
                    </Grid>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="ResizeMode" Value="NoResize">
                        <Setter Property="Visibility" Value="Collapsed" TargetName="MinimizeButton"/>
                        <Setter Property="Visibility" Value="Collapsed" TargetName="PART_MaximizeButton"/>
                        <Setter Property="Visibility" Value="Collapsed" TargetName="PART_RestoreButton"/>
                        <Setter Property="ResizeBorderThickness" Value="1"/>
                    </Trigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="ResizeMode" Value="CanMinimize"/>
                            <Condition Property="WindowState" Value="Normal"/>
                        </MultiTrigger.Conditions>
                        <Setter Property="Visibility" Value="Visible" TargetName="PART_MaximizeButton"/>
                        <Setter Property="Visibility" Value="Collapsed" TargetName="PART_RestoreButton"/>
                        <Setter Property="IsEnabled" Value="False" TargetName="PART_MaximizeButton"/>
                        <Setter Property="IsEnabled" Value="False" TargetName="PART_RestoreButton"/>
                    </MultiTrigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="ResizeMode" Value="CanMinimize"/>
                            <Condition Property="WindowState" Value="Maximized"/>
                        </MultiTrigger.Conditions>
                        <Setter Property="Visibility" Value="Visible" TargetName="PART_RestoreButton"/>
                        <Setter Property="Visibility" Value="Collapsed" TargetName="PART_MaximizeButton"/>
                        <Setter Property="IsEnabled" Value="False" TargetName="PART_MaximizeButton"/>
                        <Setter Property="IsEnabled" Value="False" TargetName="PART_RestoreButton"/>
                    </MultiTrigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="ResizeMode" Value="CanResize"/>
                            <Condition Property="WindowState" Value="Normal"/>
                        </MultiTrigger.Conditions>
                        <Setter Property="Visibility" Value="Visible" TargetName="MinimizeButton"/>
                        <Setter Property="Visibility" Value="Visible" TargetName="PART_MaximizeButton"/>
                        <Setter Property="Visibility" Value="Collapsed" TargetName="PART_RestoreButton"/>
                    </MultiTrigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="ResizeMode" Value="CanResize"/>
                            <Condition Property="WindowState" Value="Maximized"/>
                        </MultiTrigger.Conditions>
                        <Setter Property="Visibility" Value="Visible" TargetName="MinimizeButton"/>
                        <Setter Property="Visibility" Value="Collapsed" TargetName="PART_MaximizeButton"/>
                        <Setter Property="Visibility" Value="Visible" TargetName="PART_RestoreButton"/>
                    </MultiTrigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="ResizeMode" Value="CanResizeWithGrip"/>
                            <Condition Property="WindowState" Value="Normal"/>
                        </MultiTrigger.Conditions>
                        <Setter Property="Visibility" Value="Visible" TargetName="PART_Resizegrip"/>
                        <Setter Property="Visibility" Value="Visible" TargetName="PART_MaximizeButton"/>
                        <Setter Property="Visibility" Value="Collapsed" TargetName="PART_RestoreButton"/>
                    </MultiTrigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="ResizeMode" Value="CanResizeWithGrip"/>
                            <Condition Property="WindowState" Value="Maximized"/>
                        </MultiTrigger.Conditions>
                        <Setter Property="Visibility" Value="Collapsed" TargetName="PART_Resizegrip"/>
                        <Setter Property="Visibility" Value="Collapsed" TargetName="PART_MaximizeButton"/>
                        <Setter Property="Visibility" Value="Visible" TargetName="PART_RestoreButton"/>
                    </MultiTrigger>
                    <MultiTrigger>
                        <MultiTrigger.Conditions>
                            <Condition Property="ResizeMode" Value="NoResize"/>
                            <Condition Property="WindowState" Value="Maximized"/>
                        </MultiTrigger.Conditions>
                        <Setter Property="Visibility" Value="Collapsed" TargetName="MinimizeButton"/>
                        <Setter Property="Visibility" Value="Collapsed" TargetName="PART_MaximizeButton"/>
                        <Setter Property="Visibility" Value="Collapsed" TargetName="PART_RestoreButton"/>
                    </MultiTrigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </ResourceDictionary>
    </Application.Resources>
</Application>

 

MainWindow.XAML

<syncfusion:ChromelessWindow x:Class="ChromelessWindow_HelpButton.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"
        TitleBarTemplate="{StaticResource Titlebartemplate}"
        Template="{StaticResource ChromelessWindowTemplate}"
        UseNativeChrome="True" TitleBarForeground="White"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
    </Grid>
</syncfusion:ChromelessWindow>

 

MainWindow.XAML.CS

public partial class MainWindow : ChromelessWindow
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }

 

The following screenshot displays the customization of the TitleBar.

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied