[ChromelessWindow] [Metro] Align title to left

[Chaupin]

Hi,

How to align the title of the ChromelessWindow to the left side with Metro style?

Regards,

A

[Dinesh Kumar P]

Hi Caupin,

Thanks for using Syncfusion products.

We have created a simple sample to achieve your requirement. Please download the same along with this forum.

In the sample, we have created a new style, BasedOn 'Metro' Theme in App.xaml. In the new style 'ChromelessWindowStyle' Icon and Title is placed at the left side like in normal windows. 

Please let us know in case of any other queries,

Thanks and Regards,

Dinesh Kumar P

CW_Metro_Align_Title_Left(108642)_7773f9a3.rar

[Jennifer DeVol]

I'm having the same issue, but the sample attachment no longer seems to be downloadable.

[Yasvanth]

Hi Jennifer , 

Sorry for the inconvenience caused. 

We are currently working on it  and the sample will be updated in one business day (11/12/2013) . 

Please let us know in case of any assistance.

Regards,

Yasvanth. 

[Suresh B]

Hi Jennifer , 

Thanks for using Syncfusion products.

We have created a simple sample to achieve your requirement. Please download the sample from the following link:

Source.zip

In the sample, we have created a new style, BasedOn 'Metro' Theme in App.xaml. In the new style 'ChromelessWindowStyle' Icon and TitleText is placed at the left side using 'TitleTextAlignment' property set it as Left.

Please let us know if you need any further assistance.

Thanks and Regards,

Suresh B

[Chen Leo]

I'm having the same issue, but the sample attachment no longer seems to be downloadable.

[Kannan R]

Hi Chen   

   

Sorry for the inconvenience caused.    

   

Yes, we can achieve this reported requirement by customizing TitleBarTemplate in ChromelessWindow for its Metro Theme appearance. Please make use below code example for your reference.    

   

Code Example: [C#]   

   

   

<syncfusion:ChromelessWindow x:Class="ChromelessWindow_Metro.MainWindow"   

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"   

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"   

        Title="ChromelessWindow" Height="350" Width="525"   

        xmlns:syncfusion="http://schemas.syncfusion.com/wpf"   

        syncfusion:SkinStorage.VisualStyle="Metro"     

        TitleTextAlignment="Left"    

        WindowStartupLocation="CenterScreen"   

        Template="{StaticResource ChromelessWindowTemplate1}">   

   

<TextBlock Focusable="False" Grid.Column="1" Foreground="{Binding RelativeSource={RelativeSource FindAncestor,  AncestorType={x:Typesyncfusion:ChromelessWindow}}, Path=TitleBarForeground}" Text="{TemplateBinding Title}" VerticalAlignment="Center" TextTrimming="CharacterEllipsis"HorizontalAlignment="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type syncfusion:ChromelessWindow}}, Path=TitleTextAlignment}"   

x:Name="TitlePresenter" FontFamily="{DynamicResource MetroFontFamily}" Margin="5,5,5,5" />   

   

   

Screenshot   

   

     

   

We have also prepared sample for your reference.    

   

Sample: ChromelessWindowExample    

   

Kindly check with above solution and let us know if it helps.   

   

Regards   

Kannan