diff --git a/winui/DataGrid/Column-Types.md b/winui/DataGrid/Column-Types.md
index cf4400c4e..f7cb7483e 100644
--- a/winui/DataGrid/Column-Types.md
+++ b/winui/DataGrid/Column-Types.md
@@ -278,13 +278,13 @@ You can use the same [DataTemplate](https://docs.microsoft.com/en-us/windows/win
 
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     <DataTemplate x:Key="cellTemplate">
         <TextBlock Margin="3,0,0,0"
                    Foreground="Red"
                    Text="{Binding Path=Value}" />
     </DataTemplate>
-</Page.Resources>
+</Window.Resources>
 
 <dataGrid:SfDataGrid x:Name="dataGrid"
                        AllowEditing="True"
@@ -405,9 +405,9 @@ public class CurrencyFormatConverter : IValueConverter
  
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     <local:CurrencyFormatConverter x:Key="currencyFormatConverter" />
-</Page.Resources>
+</Window.Resources>
 
 <dataGrid:SfDataGrid x:Name="sfDataGrid"
                      AllowEditing="True"
@@ -488,7 +488,7 @@ When column is auto-generated, you can style the column by handling `AutoGenerat
 
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     <Style x:Key="cellStyle" TargetType="dataGrid:GridCell">
         <Setter Property="FontSize" Value="12" />
         <Setter Property="FontFamily" Value="Segoe UI" />
@@ -497,7 +497,7 @@ When column is auto-generated, you can style the column by handling `AutoGenerat
         <Setter Property="FontStretch" Value="Condensed" />
     </Style>
         
-</Page.Resources>
+</Window.Resources>
 {% endhighlight %}
 {% endtabs %}
 
@@ -572,9 +572,9 @@ Below code, sets the customized style selector to `GridColumn.CellStyleSelector`
 
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     <local:CustomCellStyleSelector x:Key="cellStyleSelector"/>
-</Page.Resources>
+</Window.Resources>
 
 <dataGrid:SfDataGrid x:Name="dataGrid"
                        ItemsSource="{Binding Orders}"  
@@ -1106,10 +1106,10 @@ In the below code, custom template selector set to `GridTemplateColumn.EditTempl
 
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>    
+<Window.Resources>    
     <local:CustomEditTemplateSelector x:Key="cellTemplateSelector" />
     <local:CustomEditTemplateSelector x:Key="editTemplateSelector" />
-</Page.Resources>
+</Window.Resources>
 
 <dataGrid:SfDataGrid x:Name="dataGrid"                                                                       
                        AutoGenerateColumns="False" 
@@ -1163,7 +1163,7 @@ You can improve the drop-down opening time on loading by setting [VirtualizingSt
 
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     <Style TargetType="ComboBox">
         <Setter Property="ItemsPanel">
             <Setter.Value>
@@ -1173,7 +1173,7 @@ You can improve the drop-down opening time on loading by setting [VirtualizingSt
             </Setter.Value>
         </Setter>
     </Style>
-</Page.Resources>
+</Window.Resources>
 {% endhighlight %}
 {% endtabs %}
 
@@ -1329,9 +1329,9 @@ class StringToImageConverter : IValueConverter
 
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     <local:StringToImageConverter x:Key="stringToImageConverter" />
-</Page.Resources>
+</Window.Resources>
 
 <Grid>
     <dataGrid:SfDataGrid x:Name="dataGrid"
@@ -2166,9 +2166,9 @@ public class MaxLengthConverter : IValueConverter
 
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     <local:MaxLengthConverter x:Key="converter" />
-</Page.Resources>
+</Window.Resources>
 
 <dataGrid:SfDataGrid x:Name="dataGrid"                                                                       
                        AutoGenerateColumns="False" 
@@ -2193,11 +2193,11 @@ N> TextBlock does not have the MaxLength property. Therefore, you can use the co
 
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     <Style TargetType="TextBox">
         <Setter Property="MaxLength" Value="7" />
     </Style>
-</Page.Resources>
+</Window.Resources>
 
 <dataGrid:SfDataGrid x:Name="dataGrid"                                                                       
                        AutoGenerateColumns="False" 
diff --git a/winui/DataGrid/Columns.md b/winui/DataGrid/Columns.md
index 1a6334dee..3b1ff250b 100644
--- a/winui/DataGrid/Columns.md
+++ b/winui/DataGrid/Columns.md
@@ -417,11 +417,11 @@ You can set [GridColumn.HeaderTemplate](https://help.syncfusion.com/cr/winui/Syn
  
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     <DataTemplate x:Key="headerTemplate">
         <TextBlock Text="The product has been purchased by the following OrderID" TextWrapping="Wrap" />
     </DataTemplate>        
-</Page.Resources>
+</Window.Resources>
 {% endhighlight %}
 {% endtabs %}
 
@@ -869,9 +869,9 @@ Below code, binds the `ViewModel.AllowFiltering` property to `GridColumn.AllowFi
 
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     <local:ViewModel x:Key="viewModel" />
-</Page.Resources>
+</Window.Resources>
 
 <dataGrid:GridTextColumn  AllowFiltering="{Binding AllowFiltering,
                                                     Source={StaticResource viewModel}}"
diff --git a/winui/DataGrid/FilterRow.md b/winui/DataGrid/FilterRow.md
index 512f7e53a..4bf006f5b 100644
--- a/winui/DataGrid/FilterRow.md
+++ b/winui/DataGrid/FilterRow.md
@@ -324,13 +324,13 @@ You can customize the style of filter row by writing style of TargetType [Filte
 
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     xmlns:dataGridRowFilter="using:Syncfusion.UI.Xaml.DataGrid.RowFilter"
 
     <Style TargetType="dataGridRowFilter:FilterRowControl">
         <Setter Property="Background" Value="BlanchedAlmond"/>
     </Style>
-</Page.Resources>
+</Window.Resources>
 {% endhighlight %}
 {% endtabs %}
 
diff --git a/winui/DataGrid/Filtering.md b/winui/DataGrid/Filtering.md
index 8ab55484a..c616a58b6 100644
--- a/winui/DataGrid/Filtering.md
+++ b/winui/DataGrid/Filtering.md
@@ -242,11 +242,11 @@ You can skip the `GridFilterControl` styling for particular column from `SfDataG
 
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     <Style x:Key="filterControlStyle" TargetType="dataGrid:GridFilterControl">
         <Setter Property="FilterMode" Value="AdvancedFilter" />
     </Style>
-</Page.Resources> 
+</Window.Resources> 
 
 <dataGrid:SfDataGrid Name="sfDataGrid"
                        AllowFiltering="True"
@@ -741,13 +741,13 @@ You can customize the FilterPopup size using [FilterPopupHeight](https://help.sy
 
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     <Style TargetType="dataGrid:GridFilterControl">
         <Setter Property="FontSize" Value="14" />
         <Setter Property="FontWeight" Value="Normal" />
         <Setter Property="FilterPopupHeight" Value="620" />
     </Style>
-</Page.Resources>
+</Window.Resources>
 {% endhighlight %}
 {% endtabs %}
 
@@ -762,7 +762,7 @@ You can change the filter icon style by editing the [FilterToggleButton](https:/
 
 xmlns:grid="using:Syncfusion.UI.Xaml.Grids"
 
-<Page.Resources>
+<Window.Resources>
     <Style TargetType="grid:FilterToggleButton">
 	    <Setter Property="Template">
             <Setter.Value>
@@ -825,7 +825,7 @@ xmlns:grid="using:Syncfusion.UI.Xaml.Grids"
             </Setter.Value>
         </Setter>
     </Style>
-</Page.Resources>
+</Window.Resources>
 {% endhighlight %}
 {% endtabs %}
 
diff --git a/winui/DataGrid/Getting-Started.md b/winui/DataGrid/Getting-Started.md
index 802c984cf..f34e0fa0a 100644
--- a/winui/DataGrid/Getting-Started.md
+++ b/winui/DataGrid/Getting-Started.md
@@ -24,8 +24,8 @@ This section explains the steps required to add the DataGrid control and binding
 {% capture codesnippet1 %}
 {% tabs %}
 {% highlight xaml %}
-<Page
-    x:Class="GettingStarted.MainPage"
+<Window
+    x:Class="GettingStarted.MainWindow"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:local="using:GettingStarted"
@@ -37,7 +37,7 @@ This section explains the steps required to add the DataGrid control and binding
     <Grid x:Name="rootGrid">
     <dataGrid:SfDataGrid x:Name="sfDataGrid" />
     </Grid>
-</Page>
+</Window>
 
 {% endhighlight %}
 {% highlight c# %}
@@ -45,11 +45,11 @@ using Syncfusion.UI.Xaml.DataGrid;
 namespace GettingStarted
 {
     /// <summary>
-    /// An empty page that can be used on its own or navigated to within a Frame.
+    /// An empty window that can be used on its own or navigated to within a Frame.
     /// </summary>
-    public sealed partial class MainPage : Page
+    public sealed partial class MainWindow : Window
     {
-        public MainPage()
+        public MainWindow()
         {
             this.InitializeComponent();
             SfDataGrid sfDataGrid = new SfDataGrid();
@@ -177,8 +177,8 @@ Bind the collection created in previous step to `SfDataGrid.ItemsSource` propert
 {% tabs %}
 {% highlight xaml %}
 
-<Page
-    x:Class="GettingStarted.MainPage"
+<Window
+    x:Class="GettingStarted.MainWindow"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:local="using:GettingStarted"
@@ -187,15 +187,15 @@ Bind the collection created in previous step to `SfDataGrid.ItemsSource` propert
     xmlns:dataGrid="using:Syncfusion.UI.Xaml.DataGrid"
     mc:Ignorable="d"
     Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
-    <Page.DataContext>
+    <Window.DataContext>
         <local:ViewModel/>
-    </Page.DataContext>
+    </Window.DataContext>
     <Grid>
         <dataGrid:SfDataGrid x:Name="sfDataGrid"
                                AutoGenerateColumns="True"
                                ItemsSource="{Binding Orders}"/>
     </Grid>
-</Page>
+</Window>
 
 {% endhighlight %}
 {% highlight c# %}
diff --git a/winui/DataGrid/Grouping.md b/winui/DataGrid/Grouping.md
index 766207747..848ccee58 100644
--- a/winui/DataGrid/Grouping.md
+++ b/winui/DataGrid/Grouping.md
@@ -130,9 +130,9 @@ In the below example, OrderID column displays value with one decimal digit in ce
 {% highlight xaml %}
 xmlns:core="using:Syncfusion.UI.Xaml.Core"
 
-<Page.Resources>
+<Window.Resources>
     <core:StringFormatConverter x:Key="stringFormatConverter" />
-</Page.Resources>
+</Window.Resources>
 <dataGrid:GridTextColumn HeaderText="Order ID"  
                            TextAlignment="Right"
                            DisplayBinding="{Binding OrderID, 
@@ -418,9 +418,9 @@ Now , assign the `keySelector` into `GroupColumnDescription.KeySelector` and set
 
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     <local:EmployeeViewModel x:Key="viewModel"/>
-</Page.Resources>
+</Window.Resources>
   
 <dataGrid:SfDataGrid  x:Name="sfDataGrid"                          
                         AutoGenerateColumns="True"                          
diff --git a/winui/DataGrid/Sorting.md b/winui/DataGrid/Sorting.md
index dc84a5b21..53ee7d596 100644
--- a/winui/DataGrid/Sorting.md
+++ b/winui/DataGrid/Sorting.md
@@ -230,9 +230,9 @@ Custom comparer can be added to [SfDataGrid.SortComparers](https://help.syncfusi
 xmlns:data="using:Syncfusion.UI.Xaml.Data"
 xmlns:grids="using:Syncfusion.UI.Xaml.Grids"
 
-<Page.Resources>
+<Window.Resources>
     <local:CustomComparer x:Key="comparer" />
-</Page.Resources>
+</Window.Resources>
 
 <dataGrid:SfDataGrid x:Name="sfDataGrid" ItemsSource="{Binding Orders}">
     <dataGrid:SfDataGrid.SortComparers>
diff --git a/winui/DataGrid/Summaries.md b/winui/DataGrid/Summaries.md
index 1451d1533..360c2e9d1 100644
--- a/winui/DataGrid/Summaries.md
+++ b/winui/DataGrid/Summaries.md
@@ -1176,9 +1176,9 @@ public static class LinqExtensions
 {% capture codesnippet2 %}
 {% tabs %}
 {% highlight xaml %}
-<Page.Resources>
+<Window.Resources>
     <local:CustomAggregate x:Key="customAggregate" />
-</Page.Resources>
+</Window.Resources>
 
 <dataGrid:SfDataGrid x:Name="sfDataGrid"
                        AutoGenerateColumns="True"