diff --git a/winui/DataGrid/Column-Types.md b/winui/DataGrid/Column-Types.md
index faa04f4f..afc867e4 100644
--- a/winui/DataGrid/Column-Types.md
+++ b/winui/DataGrid/Column-Types.md
@@ -832,7 +832,7 @@ You can restrict the users to enter input within a minimum and maximum range in
 The `GridNumericColumn` provides a clear button feature that enables users to reset cell values during editing using the [ShowClearButton](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.DataGrid.GridNumericColumn.html#Syncfusion_UI_Xaml_DataGrid_GridNumericColumn_ShowClearButton) property.
 When `ShowClearButton` is set to `True`, a clear button is displayed in the cell editor, enabling users to clear the cell’s value during editing.
 
-#### AllowNull Behavior
+**AllowNull Behavior**
 
 The behavior of the clear button depends on the [AllowNull](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.DataGrid.GridNumericColumn.html#Syncfusion_UI_Xaml_DataGrid_GridNumericColumn_AllowNull) property:
 
@@ -847,11 +847,12 @@ The behavior of the clear button depends on the [AllowNull](https://help.syncfus
                        AutoGenerateColumns="False"
                        AllowEditing="True" >
     <dataGrid:SfDataGrid.Columns>
-        <dataGrid:GridNumericColumn MappingName="Order ID" HeaderText="Order ID" ShowClearButton="True" />
+        <dataGrid:GridNumericColumn MappingName="OrderID" HeaderText="Order ID" ShowClearButton="True" />
         <dataGrid:GridTextColumn MappingName="CustomerName" HeaderText="Customer Name" />
+        <dataGrid:GridDateColumn MappingName="OrderDate" HeaderText="Order Date" ShowClearButton="True" />
         <dataGrid:GridTextColumn MappingName="Country" HeaderText="Country" />
-        <dataGrid:GridTextColumn MappingName="Customer ID" HeaderText="Customer ID" />
-        <dataGrid:GridNumericColumn MappingName="Quantity" HeaderText="Quantity" />    
+        <dataGrid:GridTextColumn MappingName="CustomerID" HeaderText="Customer ID" />
+        <dataGrid:GridTextColumn MappingName="ShipCity" HeaderText="Ship City"/>  
     </dataGrid:SfDataGrid.Columns>
 </dataGrid:SfDataGrid>
 {% endhighlight %}
@@ -969,7 +970,7 @@ You can restrict and display the input value within the range using [MinDate](ht
 The `GridDateColumn` provides a clear button feature that enables users to reset cell values during editing using the [ShowClearButton](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.DataGrid.GridDateColumn.html#Syncfusion_UI_Xaml_DataGrid_GridDateColumn_ShowClearButton) property.
 When `ShowClearButton` is set to `True`, a clear button appears within the editor, providing users with a convenient way to clear the cell's value.
 
-#### AllowNull Behavior
+**AllowNull Behavior**
 
 The behavior of the clear button depends on the [AllowNull](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.DataGrid.GridDateColumn.html#Syncfusion_UI_Xaml_DataGrid_GridDateColumn_AllowNull) property:
 
@@ -984,11 +985,12 @@ The behavior of the clear button depends on the [AllowNull](https://help.syncfus
                        AutoGenerateColumns="False"
                        AllowEditing="True" >
     <dataGrid:SfDataGrid.Columns>
-        <dataGrid:GridTextColumn MappingName="Customer ID" HeaderText="Customer ID" />
-        <dataGrid:GridNumericColumn MappingName="Quantity" HeaderText="Quantity" />
-        <dataGrid:GridDateColumn MappingName="Order Date" HeaderText="Order Date" ShowClearButton="True" />
-        <dataGrid:GridTimeColumn MappingName="Order Time" HeaderText="Order Time" />
-        <dataGrid:GridTextColumn MappingName="ShipCity" HeaderText="Ship City" />
+        <dataGrid:GridNumericColumn MappingName="OrderID" HeaderText="Order ID" ShowClearButton="True" />
+        <dataGrid:GridTextColumn MappingName="CustomerName" HeaderText="Customer Name" />
+        <dataGrid:GridDateColumn MappingName="OrderDate" HeaderText="Order Date" ShowClearButton="True" />
+        <dataGrid:GridTextColumn MappingName="Country" HeaderText="Country" />
+        <dataGrid:GridTextColumn MappingName="CustomerID" HeaderText="Customer ID" />
+        <dataGrid:GridTextColumn MappingName="ShipCity" HeaderText="Ship City"/>
     </dataGrid:SfDataGrid.Columns>
 </dataGrid:SfDataGrid>
 {% endhighlight %}
diff --git a/winui/DataGrid/Column-Types_images/winui-datagrid-DateColumn-ShowClearButton.png b/winui/DataGrid/Column-Types_images/winui-datagrid-DateColumn-ShowClearButton.png
index 918e4126..9e1107d6 100644
Binary files a/winui/DataGrid/Column-Types_images/winui-datagrid-DateColumn-ShowClearButton.png and b/winui/DataGrid/Column-Types_images/winui-datagrid-DateColumn-ShowClearButton.png differ
diff --git a/winui/DataGrid/Column-Types_images/winui-datagrid-NumericColumn-ShowClearButton.png b/winui/DataGrid/Column-Types_images/winui-datagrid-NumericColumn-ShowClearButton.png
index 4090ab83..d8ea7cc5 100644
Binary files a/winui/DataGrid/Column-Types_images/winui-datagrid-NumericColumn-ShowClearButton.png and b/winui/DataGrid/Column-Types_images/winui-datagrid-NumericColumn-ShowClearButton.png differ
diff --git a/winui/Kanban/getting-started.md b/winui/Kanban/getting-started.md
index 2b9abcfd..1b25fd59 100644
--- a/winui/Kanban/getting-started.md
+++ b/winui/Kanban/getting-started.md
@@ -57,7 +57,7 @@ public sealed partial class MainWindow : Window
 
 ## Populate WinUI Kanban item source
 
-This section explains how to populate the .NET MAUI Kanban control's `ItemSource` by creating and binding both default and custom task data models.
+This section explains how to populate the WinUI Kanban control's `ItemSource` by creating and binding both default and custom task data models.
 
 ### Creating the default model tasks
 
@@ -214,8 +214,6 @@ public class ViewModel
 {% endhighlight %}
 {% endtabs %}
 
-![defining-columns-in-winui-kanban](images/getting-started/defining-columns-in-winui-kanban.png)
-
 ### Creating the custom model tasks with data mapping
 
 You can also map custom data model to our Kanban control. The following steps demonstrate how to render tasks using the [WinUI Kanban](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.Kanban.SfKanban.html) control with respective custom data properties.
diff --git a/winui/TreeGrid/Column-Type-images/winui-treegrid-DateColumn-ShowClearButton.png b/winui/TreeGrid/Column-Type-images/winui-treegrid-DateColumn-ShowClearButton.png
index 7e47d582..e8c0a115 100644
Binary files a/winui/TreeGrid/Column-Type-images/winui-treegrid-DateColumn-ShowClearButton.png and b/winui/TreeGrid/Column-Type-images/winui-treegrid-DateColumn-ShowClearButton.png differ
diff --git a/winui/TreeGrid/Column-Type-images/winui-treegrid-NumericColumn-ShowClearButton.png b/winui/TreeGrid/Column-Type-images/winui-treegrid-NumericColumn-ShowClearButton.png
index 5bfe2ce8..55b74504 100644
Binary files a/winui/TreeGrid/Column-Type-images/winui-treegrid-NumericColumn-ShowClearButton.png and b/winui/TreeGrid/Column-Type-images/winui-treegrid-NumericColumn-ShowClearButton.png differ
diff --git a/winui/TreeGrid/ColumnTypes.md b/winui/TreeGrid/ColumnTypes.md
index f7bd9f0a..8964b2f2 100644
--- a/winui/TreeGrid/ColumnTypes.md
+++ b/winui/TreeGrid/ColumnTypes.md
@@ -826,7 +826,7 @@ You can restrict the users to enter input within a minimum and maximum range in
 The `TreeGridNumericColumn` provides a clear button feature that enables users to reset cell values during editing using the [ShowClearButton](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.TreeGrid.TreeGridNumericColumn.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridNumericColumn_ShowClearButton) property.
 When `ShowClearButton` is set to `True`, a clear button appears within the editor, providing users with a convenient way to clear the cell's value.
 
-#### AllowNull Behavior
+**AllowNull Behavior**
 
 The behavior of the clear button depends on the [AllowNull](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.TreeGrid.TreeGridNumericColumn.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridNumericColumn_AllowNull) property:
 
@@ -980,7 +980,8 @@ You can restrict and display the input value within the range using the [MinDate
 The `TreeGridDateColumn` provides a clear button feature that enables users to reset cell values during editing using the [ShowClearButton](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.TreeGrid.TreeGridDateColumn.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridDateColumn_ShowClearButton) property.
 When `ShowClearButton` is set to `True`, a clear button appears within the editor, providing users with a convenient way to clear the cell's value.
 
-#### AllowNull Behavior
+**AllowNull Behavior**
+
 The behavior of the clear button depends on the [AllowNull](https://help.syncfusion.com/cr/winui/Syncfusion.UI.Xaml.TreeGrid.TreeGridDateColumn.html#Syncfusion_UI_Xaml_TreeGrid_TreeGridDateColumn_AllowNull) property:
 
 - When `AllowNull` is `True`, clicking the clear button sets the cell value to null.