syncfusion-content · mohamedks · Oct 31, 2022 · Oct 31, 2022
diff --git a/wpf/Breadcrumb/Getting-Started.md b/wpf/Breadcrumb/Getting-Started.md
@@ -37,11 +37,11 @@ The HierarchyNavigator control can be added to an application by dragging it fro
 ## Add control manually in XAML
 
 To add the control manually in XAML, follow the given steps:
-1.	Add the following required assembly references to the project:
-    * Syncfusion.Tools.WPF
-    * Syncfusion.Shared.WPF 
-2.	Import Syncfusion WPF schema **http://schemas.syncfusion.com/wpf** in the XAML page.
-3.	Declare the HierarchyNavigator control the in XAML page.
+1. Add the following required assembly references to the project:
+	* Syncfusion.Tools.WPF
+	* Syncfusion.Shared.WPF 
+2. Import Syncfusion WPF schema **http://schemas.syncfusion.com/wpf** in the XAML page.
+3. Declare the HierarchyNavigator control the in XAML page.
 
 {% capture codesnippet1 %}
 {% tabs %}
@@ -65,11 +65,11 @@ To add the control manually in XAML, follow the given steps:
 
 To add the control manually in C#, follow the given steps:
 
-1.	Add the following required assembly references to the project:
-    * Syncfusion.Tools.WPF
-    * Syncfusion.Shared.WPF
-2.	Import the HierarchyNavigator namespace **using Syncfusion.Windows.Tools.Controls;**.
-3.	Create a HierarchyNavigator instance, and add it to the window.
+1. Add the following required assembly references to the project:
+	* Syncfusion.Tools.WPF
+	* Syncfusion.Shared.WPF
+2. Import the HierarchyNavigator namespace **using Syncfusion.Windows.Tools.Controls;**.
+3. Create a HierarchyNavigator instance, and add it to the window.
 
 {% capture codesnippet2 %}
 {% tabs %}

diff --git a/wpf/Classic/Diagram/Getting-Started.md b/wpf/Classic/Diagram/Getting-Started.md
@@ -1986,7 +1986,7 @@ N/A</td></tr>
 	{%endhighlight%}
 
 
-2.Then the nodes can be added and the connections can be specified as follows:
+2. Then the nodes can be added and the connections can be specified as follows:
 
 
 

diff --git a/wpf/DataGrid/Paging.md b/wpf/DataGrid/Paging.md
@@ -154,8 +154,7 @@ Follow the below steps to load the `ItemsSource` for page in on-demand,
 
 N> Do not assign `SfDataPager.Source` property while using `OnDemandPaging`.
 
-
-
+{% capture codesnippet2 %}
 {% tabs %}
 {% highlight xaml %}
 <Grid>
@@ -191,6 +190,8 @@ private void dataPager_OnDemandLoading(object sender, Syncfusion.UI.Xaml.Control
 }
 {% endhighlight %}
 {% endtabs %}
+{% endcapture %}
+{{ codesnippet2 | OrderList_Indent_Level_1 }}
 
 
 ### Resetting cache

diff --git a/wpf/DataGrid/Row-Height-Customization.md b/wpf/DataGrid/Row-Height-Customization.md
@@ -113,7 +113,7 @@ Below are the parameter to `GetAutoRowHeight` method,
 
 2. `GridRowSizingOptions` – A class with properties to customize the row height calculation.
 
-
+{% capture codesnippet1 %}
 {% tabs %}
 {% highlight xaml %}
 <syncfusion:SfDataGrid x:Name="dataGrid" ItemsSource="{Binding Orders}">
@@ -144,6 +144,8 @@ void dataGrid_QueryRowHeight(object sender, QueryRowHeightEventArgs e)
 }
 {% endhighlight %}
 {% endtabs %}
+{% endcapture %}
+{{ codesnippet1 | OrderList_Indent_Level_1 }}
 
 Here, row heights are customized based on the large text content.
 
@@ -203,7 +205,7 @@ You can reset height of the particular or all rows in View at runtime to get the
 
 * [InvalidateRowHeight](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.SfDataGrid.html#Syncfusion_UI_Xaml_Grid_SfDataGrid_InvalidateRowHeight_System_Int32_) – Resets the height of particular row.
 
-{% capture codesnippet1 %}
+{% capture codesnippet2 %}
 {% tabs %}
 {% highlight c# %}
 using Syncfusion.UI.Xaml.Grid.Helpers;
@@ -213,11 +215,11 @@ dataGrid.GetVisualContainer().InvalidateMeasureInfo();
 {% endhighlight %}
 {% endtabs %}
 {% endcapture %}
-{{ codesnippet1 | OrderList_Indent_Level_1 }}
+{{ codesnippet2 | UnOrderList_Indent_Level_1 }}
 
 * [RowHeightManager.Reset](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Grid.RowHeightManager.html#Syncfusion_UI_Xaml_Grid_RowHeightManager_Reset) – Resets the height for all rows in View.
 
-{% capture codesnippet2 %}
+{% capture codesnippet3 %}
 {% tabs %}
 {% highlight c# %}
 using Syncfusion.UI.Xaml.Grid.Helpers;
@@ -227,7 +229,7 @@ dataGrid.GetVisualContainer().InvalidateMeasureInfo();
 {% endhighlight %}
 {% endtabs %}
 {% endcapture %}
-{{ codesnippet2 | OrderList_Indent_Level_1 }}
+{{ codesnippet3 | UnOrderList_Indent_Level_1 }}
 
 
 ### Update Row Height while editing

diff --git a/wpf/Diagram/Diagram-Ribbon.md b/wpf/Diagram/Diagram-Ribbon.md
@@ -55,6 +55,7 @@ Steps to add the Diagram ribbon control manually is given below with its code ex
 
 3. Declare the SfDiagramRibbon control in your application.
 
+{% capture codesnippet1 %}
 {% tabs %}
 
 {% highlight xaml %}
@@ -120,6 +121,8 @@ namespace SfDiagram_WPF
 {% endhighlight %}
 
 {% endtabs %}
+{% endcapture %}
+{{ codesnippet1 | OrderList_Indent_Level_1 }}
 
 ## Simple Diagram Designer
 

diff --git a/wpf/Diagram/Getting-Started.md b/wpf/Diagram/Getting-Started.md
@@ -38,7 +38,8 @@ To add control manually in XAML, do the following steps:
 3. Declare SfDiagram control in XAML page.
 
 N> Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial setup or from the NuGet feed, you also have to include a license key in your projects. Refer to this [link](https://help.syncfusion.com/common/essential-studio/licensing/license-key) to learn about registering Syncfusion license key in your WPF application to use Syncfusion components.
-
+
+{% capture codesnippet1 %}
 {% tabs %}
 {% highlight xaml %}
 <Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
@@ -57,6 +58,8 @@ N> Starting with v16.2.0.x, if you reference Syncfusion assemblies from trial se
 {% endhighlight %}
 
 {% endtabs %}
+{% endcapture %}
+{{ codesnippet1 | OrderList_Indent_Level_1 }}
 
 ### Adding control manually in C#
 
@@ -66,6 +69,7 @@ To add control manually in C#, do the following steps:
 2. Import SfDiagram namespace Syncfusion.UI.Xaml.Diagram.
 3. Create SfDiagram control instance and add it to the Grid.
 
+{% capture codesnippet2 %}
 {% tabs %}
 
 {% highlight C# %}
@@ -89,6 +93,8 @@ namespace SfDiagram_WPF
 {% endhighlight %}
 
 {% endtabs %}
+{% endcapture %}
+{{ codesnippet2 | OrderList_Indent_Level_1 }}
 
 ## Basic Diagram elements
 

diff --git a/wpf/Diagram/Overview-Control.md b/wpf/Diagram/Overview-Control.md
@@ -28,7 +28,7 @@ Steps to add Overview control manually in XAML:
 2. Import Syncfusion WPF schema `http://schemas.syncfusion.com/wpf` or SfDiagram control namespace `Syncfusion.UI.Xaml.Diagram.Controls` in XAML page.
 
 3. Declare Overview control in XAML page.
-
+{% capture codesnippet1 %}
 {% tabs %}
 {% highlight xaml %}
 
@@ -48,6 +48,8 @@ Steps to add Overview control manually in XAML:
 
 {% endhighlight %}	
 {% endtabs %}
+{% endcapture %}
+{{ codesnippet1 | OrderList_Indent_Level_1 }}
 
 ![Overview of WPF Diagram](Overview-Control_images/wpf-diagram-overview.png)
 

diff --git a/wpf/Diagram/Printing.md b/wpf/Diagram/Printing.md
@@ -180,8 +180,9 @@ SfDiagram provides a way to display additional content at the top (Header) or bo
 
 Steps for setting Header for printing:
 
-1.Create DataTemplate in Resources and assign it to the `PageHeaderTemplate` and `PageFooterTemplate` properties.
+1. Create DataTemplate in Resources and assign it to the `PageHeaderTemplate` and `PageFooterTemplate` properties.
 
+{% capture codesnippet1 %}
 {% tabs %}
 {% highlight XAML%}
 
@@ -201,9 +202,12 @@ Steps for setting Header for printing:
 
 {% endhighlight %}
 {% endtabs %}
+{% endcapture %}
+{{ codesnippet1 | OrderList_Indent_Level_1 }}
 
-2.Set the above defined DataTemplate to `PrintSettings.PageHeaderTemplate` and `PrintSettings.PageFooterTemplate`, then assign value for `PrintSettings.PageHeaderHeight` and `PrintSettings.PageFooterHeight` properties also.
+2. Set the above defined DataTemplate to `PrintSettings.PageHeaderTemplate` and `PrintSettings.PageFooterTemplate`, then assign value for `PrintSettings.PageHeaderHeight` and `PrintSettings.PageFooterHeight` properties also.
 
+{% capture codesnippet2 %}
 {% tabs %}
 {% highlight c# %}
 
@@ -215,6 +219,8 @@ diagram.PrintingService.PrintSettings.PageFooterTemplate =this.Resources["PrintF
 
 {% endhighlight %}
 {% endtabs %}
+{% endcapture %}
+{{ codesnippet2 | OrderList_Indent_Level_1 }}
 
 3.Now, run the application and you can see page header and footer in all the pages. 
 

diff --git a/wpf/Docking/Dealing-with-Windows.md b/wpf/Docking/Dealing-with-Windows.md
@@ -171,7 +171,7 @@ DockingManager.SetState(content1, DockState.Document)
 
 {% endtabs %}
 {% endcapture %}
-{{ codesnippet1 | OrderList_Indent_Level_1 }}
+{{ codesnippet1 | UnOrderList_Indent_Level_1 }}
 
 ![WPF Docking Window Document State](Dealing-with-Windows_images/wpf-docking-window-document-state.jpeg)
 
@@ -195,7 +195,7 @@ DockingManager.SetState(content1, DockState.AutoHidden)
 
 {% endtabs %}
 {% endcapture %}
-{{ codesnippet2 | OrderList_Indent_Level_1 }}
+{{ codesnippet2 | UnOrderList_Indent_Level_1 }}
 
 ![WPF Docking Window AutoHidden State](Dealing-with-Windows_images/wpf-docking-window-autohidden-state.jpeg)
 

diff --git a/wpf/Docking/Getting-Started.md b/wpf/Docking/Getting-Started.md
@@ -363,7 +363,7 @@ using Syncfusion.SfSkinManager;
 
 {% endtabs %}
 {% endcapture %}
-{{ codesnippet3 | OrderList_Indent_Level_1 }}
+{{ codesnippet3 | UnOrderList_Indent_Level_1 }}
 
 * Now apply the value as `VisualStudio2013` to the [VisualStyle](https://help.syncfusion.com/cr/wpf/Syncfusion.SfSkinManager.SfSkinManager.html#Syncfusion_SfSkinManager_SfSkinManager_SetVisualStyle_System_Windows_DependencyObject_Syncfusion_SfSkinManager_VisualStyles_) property of the SfSkinManager for the DockingManager control.
 
@@ -396,7 +396,7 @@ SfSkinManager.SetVisualStyle(SyncDockingManager,VisualStyles.VisualStudio2013);
 
 {% endtabs %}
 {% endcapture %}
-{{ codesnippet4 | OrderList_Indent_Level_1 }}
+{{ codesnippet4 | UnOrderList_Indent_Level_1 }}
 
 ![WPF Docking Visual Styles](Getting-Started_images/wpf-docking-visual-styles.jpeg)
 

diff --git a/wpf/Docking/Tabbed-Window.md b/wpf/Docking/Tabbed-Window.md
@@ -49,7 +49,7 @@ DockingManager1.DockTabAlignment = Dock.Left;
 
 {% endtabs %}
 {% endcapture %}
-{{ codesnippet1 | OrderList_Indent_Level_1 }}
+{{ codesnippet1 | UnOrderList_Indent_Level_1 }}
 
 
 ![WPF Docking Left TabAlignment](TabbedWindow_images/wpf-docking-left-tab-alignment.jpeg)
@@ -81,7 +81,7 @@ DockingManager1.DockTabAlignment = Dock.Right;
 
 {% endtabs %}
 {% endcapture %}
-{{ codesnippet2 | OrderList_Indent_Level_1 }}
+{{ codesnippet2 | UnOrderList_Indent_Level_1 }}
 
 
 ![WPF Docking Right TabAlignment](TabbedWindow_images/wpf-docking-right-tab-alignment.jpeg)
@@ -115,7 +115,7 @@ SyncDockingManager.DockTabAlignment = Dock.Top;
 
 {% endtabs %}
 {% endcapture %}
-{{ codesnippet3 | OrderList_Indent_Level_1 }}
+{{ codesnippet3 | UnOrderList_Indent_Level_1 }}
 
 ![WPF Docking Top TabAlignment](TabbedWindow_images/wpf-docking-top-tab-alignment.jpeg)
 

diff --git a/wpf/Gantt/Custom-Node-Style.md b/wpf/Gantt/Custom-Node-Style.md
@@ -252,7 +252,7 @@ The following code illustrates how to define style:
 {% endcapture %}
 {{ codesnippet1 | OrderList_Indent_Level_1 }}
 
-1. Add the style as a resource to the Gantt control in your application.
+2. Add the style as a resource to the Gantt control in your application.
 
 The following code illustrates how to add the styles to the application:
 

diff --git a/wpf/Gantt/Highlighting-Tasks.md b/wpf/Gantt/Highlighting-Tasks.md
@@ -60,8 +60,6 @@ To highlight a set of tasks in Gantt chart region:
 {% endhighlight %}
 
 {% highlight c# %}
-{% endcapture %}
-{{ codesnippet1 | OrderList_Indent_Level_1 }}
 
 /// Codes in View Model 
 /// <summary>
@@ -108,6 +106,8 @@ this.Gantt.HighlightedItems = this.view.HighlightedTasks;
 
 {% endhighlight  %}
 {% endtabs  %}
+{% endcapture %}
+{{ codesnippet1 | OrderList_Indent_Level_1 }}
 
 The following image shows the Gantt with Highlighted Tasks:
 

diff --git a/wpf/Gantt/Zooming.md b/wpf/Gantt/Zooming.md
@@ -121,8 +121,6 @@ To add custom zooming:
 
 {% endhighlight  %}
 {% highlight c# %}
-{% endcapture %}
-{{ codesnippet2 | OrderList_Indent_Level_1 }}
 
 /// APIs in View Model.
 private List<double> _zoomFactors  = new List<double> { 100d, 200d, 300d, 400d, 600d, 800d, 1000d };
@@ -233,6 +231,8 @@ private void Gantt_ZoomChanged(object sender, ZoomChangedEventArgs args)
 
 {% endhighlight  %}
 {% endtabs %}
+{% endcapture %}
+{{ codesnippet2 | OrderList_Indent_Level_1 }}
 
 The following image shows Custom Zooming in Gantt:
 

diff --git a/wpf/HeatMap/Getting-Started.md b/wpf/HeatMap/Getting-Started.md
@@ -132,7 +132,7 @@ Now data is ready, next we need to configure data source and map rows and column
 
 {% endhighlight %}
 {% endcapture %}
-{{ codesnippet1 | OrderList_Indent_Level_1 }}
+{{ codesnippet1 | UnOrderList_Indent_Level_1 }}
 
 * Set items source and mapping
 
@@ -145,7 +145,7 @@ Now data is ready, next we need to configure data source and map rows and column
 
 {% endhighlight %}
 {% endcapture %}
-{{ codesnippet2 | OrderList_Indent_Level_1 }}
+{{ codesnippet2 | UnOrderList_Indent_Level_1 }}
 
 * This will show a grid with data as in following image.
 
@@ -167,7 +167,7 @@ Next we can configure color range for these values using color mapping
 
 {% endhighlight %}
 {% endcapture %}
-{{ codesnippet3 | OrderList_Indent_Level_1 }}
+{{ codesnippet3 | UnOrderList_Indent_Level_1 }}
 
 * Set ColorMapping
 
@@ -180,7 +180,7 @@ Next we can configure color range for these values using color mapping
 
 {% endhighlight %}
 {% endcapture %}
-{{ codesnippet4 | OrderList_Indent_Level_1 }}
+{{ codesnippet4 | UnOrderList_Indent_Level_1 }}
 
 * This will show the grid data with color based on the range given.
 

diff --git a/wpf/Maps/UserInteraction.md b/wpf/Maps/UserInteraction.md
@@ -674,7 +674,7 @@ Calculate the initial zoom level automatically based on the [`Radius`](https://h
 
 {% endtabs %}
 {% endcapture %}
-{{ codesnippet1 | OrderList_Indent_Level_1 }}
+{{ codesnippet1 | UnOrderList_Indent_Level_1 }}
 
 ### Geo-bounds
 

diff --git a/...Connect-WCF-Service-by-an-additional-Binding-Type-in-silverlight-application.md b/...Connect-WCF-Service-by-an-additional-Binding-Type-in-silverlight-application.md
@@ -90,7 +90,7 @@ Dim DataProvider As IOlapDataProvider = Nothing
 
 {% endhighlight  %}
 {% endcapture %}
-{{ codesnippet1 | OrderList_Indent_Level_1 }}
+{{ codesnippet1 | UnOrderList_Indent_Level_1 }}
 
 * Specify the _basicHttpBinding_ and Instantiate the _DataProvider_ from the _ChannelFactory_ as given in the following code: 
 
@@ -148,4 +148,4 @@ End Sub
 {% endhighlight  %}
 {% endtabs %}
 {% endcapture %}
-{{ codesnippet2 | OrderList_Indent_Level_1 }}
+{{ codesnippet2 | UnOrderList_Indent_Level_1 }}
Original file line number	Diff line number	Diff line change
Expand Up		@@ -1986,7 +1986,7 @@ N/A</td></tr>
		{%endhighlight%}


		2.Then the nodes can be added and the connections can be specified as follows:
		2. Then the nodes can be added and the connections can be specified as follows:



Expand Down