Merge pull request #1911 from syncfusion-content/WPF-979326-Documentation

WPF-979326 : Enhance RibbonTab Header Customization Documentation with Code Example and UI Screenshot

Author: durga-muthu

wpf/Ribbon/DealingWithRibbon.md

@@ -2908,7 +2908,7 @@ End Sub
 
 ## Customizing the Header in RibbonTab
 
-The Ribbon control allows customization of the tab headers using The ContentTemplate property. This enables users to enhance the visual appearance of tabs by adding icons and styled caption text.
+The Ribbon control allows customization of the tab headers using The CaptionTemplate property. This enables users to enhance the visual appearance of tabs by adding icons and styled caption text.
 
 Below is an example where the Home, Send / Receive, and Folder tabs are customized with an icon and caption text:
 
@@ -2918,15 +2918,15 @@ Below is an example where the Home, Send / Receive, and Folder tabs are customiz
 
 <syncfusion:Ribbon VerticalAlignment="Top">
     <syncfusion:RibbonTab x:Name="homeTab" Caption="Home">
-        <syncfusion:RibbonTab.ContentTemplate>
+        <syncfusion:RibbonTab.CaptionTemplate>
             <DataTemplate>
                 <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="5,0,0,0">
                     <Path Width="16" Height="16" Stroke="Black" StrokeThickness="0.5" Margin="0,0,5,0" Stretch="Uniform"
                  Data="M10,1 L3,6.5 V14 H7 V10 H13 V14 H17 V6.5 L10,1 Z" />
                     <TextBlock Text="{Binding}" FontSize="14" Margin="0 3 0 0"/>
                 </StackPanel>
             </DataTemplate>
-        </syncfusion:RibbonTab.ContentTemplate>
+        </syncfusion:RibbonTab.CaptionTemplate>
 
         <syncfusion:RibbonBar Name="New" Width="90"  Header="New"/>
         <syncfusion:RibbonBar Name="Delete" Width="90"  Header="Delete"/>
@@ -2936,27 +2936,27 @@ Below is an example where the Home, Send / Receive, and Folder tabs are customiz
     </syncfusion:RibbonTab>
 
     <syncfusion:RibbonTab x:Name="sendOReceiveTab" Caption="Send / Receive">
-        <syncfusion:RibbonTab.ContentTemplate>
+        <syncfusion:RibbonTab.CaptionTemplate>
             <DataTemplate>
                 <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="5,0,0,0">
                     <Path Width="16" Height="16" Stroke="Black" StrokeThickness="1" Margin="0,0,5,0" Stretch="Uniform"
               Data="M2,2 L14,8 L2,14 L4,9 L10,8 L4,7 Z" />
                     <TextBlock Text="{Binding}" FontSize="14" Margin="0 3 0 0"/>
                 </StackPanel>
             </DataTemplate>
-        </syncfusion:RibbonTab.ContentTemplate>
+        </syncfusion:RibbonTab.CaptionTemplate>
     </syncfusion:RibbonTab>
 
     <syncfusion:RibbonTab x:Name="folderTab" Caption="Folder">
-        <syncfusion:RibbonTab.ContentTemplate>
+        <syncfusion:RibbonTab.CaptionTemplate>
             <DataTemplate>
                 <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="5,0,0,0">
                     <Path Width="16" Height="16" Stroke="Black" StrokeThickness="1" Margin="0,0,5,0" Stretch="Uniform" 
             Data="M2,4 H6 L7,6 H14 A1,1 0 0 1 15,7 V13 A1,1 0 0 1 14,14 H2 A1,1 0 0 1 1,13 V5 A1,1 0 0 1 2,4 Z" />
                     <TextBlock Text="{Binding}" FontSize="14" Margin="0 3 0 0"/>
                 </StackPanel>
             </DataTemplate>
-        </syncfusion:RibbonTab.ContentTemplate>
+        </syncfusion:RibbonTab.CaptionTemplate>
     </syncfusion:RibbonTab>
 </syncfusion:Ribbon>