DOCINFRA-2341_merged_using_automation

wpf/Breadcrumb/Getting-Started.md

@@ -151,7 +151,7 @@ this.Content = hierarchyNavigator1;
 
 ## Bind data
 
-HierarchyNavigator accepts any business object collection to be bound to its [ItemsSource](https://docs.microsoft.com/en-us/dotnet/api/system.windows.controls.itemscontrol.itemssourceproperty?view=netframework-4.7.2) property. Refer [Data binding](https://help.syncfusion.com/wpf/breadcrumb/populating-data) section for more details.
+HierarchyNavigator accepts any business object collection to be bound to its [ItemsSource](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.itemscontrol.itemssourceproperty?view=netframework-4.7.2) property. Refer [Data binding](https://help.syncfusion.com/wpf/breadcrumb/populating-data) section for more details.
 
 The steps to bind to a Business Object collection are as follows:
 

wpf/Button/MVVM.md

@@ -2,7 +2,7 @@
 layout: post
 title: MVVM in WPF Button control | Syncfusion
 description: Learn here all about MVVM support in Syncfusion WPF Button (ButtonAdv) control, its elements and more details.
-platform: WPF
+platform: wpf
 control: ButtonAdv
 documentation: ug
 ---
@@ -11,8 +11,8 @@ documentation: ug
 
 The command and command parameter properties allow to execute any action on clicking the button control.
 
-* **Command** - The [Command](https://docs.microsoft.com/en-us/dotnet/api/system.windows.input.icommandsource.command?view=netframework-4.8) property accept all commands derived from interface [ICommand](https://docs.microsoft.com/en-us/dotnet/api/system.windows.input.icommand?view=netframework-4.8). 
-* **CommandParameter** - The [CommandParameter](https://docs.microsoft.com/en-us/dotnet/api/system.windows.input.icommandsource.commandparameter?view=netframework-4.8) property allows the user to provide additional data required in the command handler in-order to perform any operation. 
+* **Command** - The [Command](https://learn.microsoft.com/en-us/dotnet/api/system.windows.input.icommandsource.command?view=netframework-4.8) property accept all commands derived from interface [ICommand](https://learn.microsoft.com/en-us/dotnet/api/system.windows.input.icommand?view=netframework-4.8). 
+* **CommandParameter** - The [CommandParameter](https://learn.microsoft.com/en-us/dotnet/api/system.windows.input.icommandsource.commandparameter?view=netframework-4.8) property allows the user to provide additional data required in the command handler in-order to perform any operation. 
 
 {% tabs %}
 {% highlight xaml %}

wpf/Card-View/Localization.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Localization in WPF Card View
 
-Localization is the process of translating the application resources into different language for the specific cultures. You can localize the CardView by [adding resource file](https://docs.microsoft.com/en-us/previous-versions/visualstudio/visual-studio-2010/aa992030(v=vs.100)). Application culture can be changed by setting [CurrentUICulture](https://docs.microsoft.com/en-us/dotnet/api/system.globalization.cultureinfo.currentuiculture?view=netframework-4.7.2) after `InitializeComponent` method. 
+Localization is the process of translating the application resources into different language for the specific cultures. You can localize the CardView by [adding resource file](https://learn.microsoft.com/en-us/previous-versions/visualstudio/visual-studio-2010/aa992030(v=vs.100)). Application culture can be changed by setting [CurrentUICulture](https://learn.microsoft.com/en-us/dotnet/api/system.globalization.cultureinfo.currentuiculture?view=netframework-4.7.2) after `InitializeComponent` method. 
 
 Below application culture changed to French.
 
@@ -28,7 +28,7 @@ public MainWindow()
 {% endtabs %}
 
 
-To localize the CardView based on [CurrentUICulture](https://docs.microsoft.com/en-us/dotnet/api/system.globalization.cultureinfo.currentuiculture?view=netframework-4.7.2) using resource files, follow the below steps. 
+To localize the CardView based on [CurrentUICulture](https://learn.microsoft.com/en-us/dotnet/api/system.globalization.cultureinfo.currentuiculture?view=netframework-4.7.2) using resource files, follow the below steps. 
 
 **Step 1:** Create new folder and named as **Resources** in your application. 
 

wpf/Charts/CodedUI.md

@@ -40,7 +40,7 @@ Coded UI provides support only in,
 * Visual Studio Enterprise
 * Visual Studio Ultimate
 
-For more info about the platforms and configurations refer [here](https://docs.microsoft.com/en-us/previous-versions/visualstudio/visual-studio-2015/test/supported-configurations-and-platforms-for-coded-ui-tests-and-action-recordings?view=vs-2015)
+For more info about the platforms and configurations refer [here](https://learn.microsoft.com/en-us/previous-versions/visualstudio/visual-studio-2015/test/supported-configurations-and-platforms-for-coded-ui-tests-and-action-recordings?view=vs-2015)
 
 ## Configuration
 
@@ -60,7 +60,7 @@ For Visual Studio 2012: C:\Program Files (x86)\Common Files\Microsoft Shared\VST
 
 For Visual Studio 2013: C:\Program Files (x86)\Common Files\Microsoft Shared\VSTT\12.0\UITestExtensionPackages
 
-N> Syncfusion.SfChart.CUITExtension.WPF.dll need to be installed in GAC location. Please refer the MSDN link for_ [GAC](https://docs.microsoft.com/en-us/previous-versions/dotnet/netframework-2.0/ex0ss12c(v=vs.80)) _installation.
+N> Syncfusion.SfChart.CUITExtension.WPF.dll need to be installed in GAC location. Please refer the MSDN link for_ [GAC](https://learn.microsoft.com/en-us/previous-versions/dotnet/netframework-2.0/ex0ss12c(v=vs.80)) _installation.
 
 ## Getting Started
 

wpf/CheckedListBox/Check-items.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Check Items in WPF CheckedListBox (CheckListBox)
 
-In [CheckListBox](https://www.syncfusion.com/wpf-ui-controls/CheckedListBox), items present in the control can be checked or unchecked either by using any one of the following ways:
+In [CheckListBox](https://www.syncfusion.com/wpf-controls/checkedlistbox), items present in the control can be checked or unchecked either by using any one of the following ways:
 
 1. Using Collection
 2. Using Property
@@ -348,7 +348,7 @@ private void CheckListBox_ItemChecked(object sender, ItemCheckedEventArgs e)
 
 ## Selection changed notification
 
-When the selected item is changed, it will be notified by using the [SelectionChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Tools.Controls.CheckListBox.html) event.The [SelectionChangedEventArgs](https://docs.microsoft.com/en-us/dotnet/api/system.windows.controls.selectionchangedeventargs?redirectedfrom=MSDN&view=netframework-4.8) has the following members that provides information for the `SelectionChanged` event:
+When the selected item is changed, it will be notified by using the [SelectionChanged](https://help.syncfusion.com/cr/wpf/Syncfusion.Windows.Tools.Controls.CheckListBox.html) event.The [SelectionChangedEventArgs](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.selectionchangedeventargs?redirectedfrom=MSDN&view=netframework-4.8) has the following members that provides information for the `SelectionChanged` event:
 
 * **Added items** : Gets a collection of the underlying data objects in which the selection has to be processed.
 

wpf/CheckedListBox/Data-Binding.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Data Binding in WPF CheckListBox control
 
-The control can be populated using [ItemsSource](https://docs.microsoft.com/en-us/dotnet/api/system.windows.controls.itemscontrol.itemssource?view=netframework-4.7.2) property and [DisplayMemberPath](https://docs.microsoft.com/en-us/dotnet/api/system.windows.controls.itemscontrol.displaymemberpath?view=netframework-4.7.2#System_Windows_Controls_ItemsControl_DisplayMemberPath) property used to display the items and IsSelected property used to handle the selection in the CheckListBox. The below code snippet will be used to bind the ItemsSource to the CheckListBox.
+The control can be populated using [ItemsSource](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.itemscontrol.itemssource?view=netframework-4.7.2) property and [DisplayMemberPath](https://learn.microsoft.com/en-us/dotnet/api/system.windows.controls.itemscontrol.displaymemberpath?view=netframework-4.7.2#System_Windows_Controls_ItemsControl_DisplayMemberPath) property used to display the items and IsSelected property used to handle the selection in the CheckListBox. The below code snippet will be used to bind the ItemsSource to the CheckListBox.
 
 {% tabs %}
 {%highlight xaml%}

wpf/CheckedListBox/Layout-Related-Features.md

@@ -50,7 +50,7 @@ CheckBoxAlignment = "Right"
 
 ## Flow direction
 
-The flow direction for the CheckListBox control is set through the [FlowDirection](https://docs.microsoft.com/en-us/dotnet/api/system.windows.frameworkelement.flowdirection?view=netframework-4.7.2) property.
+The flow direction for the CheckListBox control is set through the [FlowDirection](https://learn.microsoft.com/en-us/dotnet/api/system.windows.frameworkelement.flowdirection?view=netframework-4.7.2) property.
 
 To set the FlowDirection to RightToLeft, use the below code:
 

wpf/CheckedListBox/Overview.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # WPF CheckedListBox (CheckListBox) Overview
 
-The [CheckListBox](https://www.syncfusion.com/wpf-ui-controls/CheckedListBox) control implements a classic list box with check list box items. The control displays items with a check box to enable multiple selection of items. Custom templates are defined to customize its appearance.
+The [CheckListBox](https://www.syncfusion.com/wpf-controls/checkedlistbox) control implements a classic list box with check list box items. The control displays items with a check box to enable multiple selection of items. Custom templates are defined to customize its appearance.
 
 ![CheckListBox Control](Getting-Started_images/Control_Structure.png)
 

wpf/CheckedListBox/Sorting.md

@@ -9,7 +9,7 @@ documentation: ug
 
 # Sorting Items in WPF CheckedListBox (CheckListBox)
 
- By default, the [CheckListBox](https://www.syncfusion.com/wpf-ui-controls/CheckedListBox) are arranged based on the order they added in to the `Items`  collection. We can sort the `CheckListBox` items by adding the sorting direction to the `CollectionView.SortDescriptions` collection. The `CheckListBox` items can be sorted either in ascending or descending order based on the user’s perspective.
+ By default, the [CheckListBox](https://www.syncfusion.com/wpf-controls/checkedlistbox) are arranged based on the order they added in to the `Items`  collection. We can sort the `CheckListBox` items by adding the sorting direction to the `CollectionView.SortDescriptions` collection. The `CheckListBox` items can be sorted either in ascending or descending order based on the user’s perspective.
 
 {% tabs %}
 {% highlight C# %}

wpf/Diagram/Annotation/Events.md

@@ -44,8 +44,8 @@ private void Diagram_AnnotationChanged(object sender, ChangeEventArgs<object, An
 
 ## See Also
 
-[How to add or remove annotation constraints](/wpf/sfdiagram/constraints#annotation-constraints)
+[How to add or remove annotation constraints?](/wpf/sfdiagram/constraints#annotation-constraints)
 
-[How to localize the annotations](/wpf/sfdiagram/localization)
+[How to localize the annotations?](/wpf/sfdiagram/localization)
 
 [How to restrict annotation editing by double-clicking the node or connector?](https://support.syncfusion.com/kb/article/8539/how-to-restrict-annotation-editing-by-double-clicking-the-node-or-connector-in-wpf-diagram)

wpf/Diagram/Annotation/Interaction/Rotating.md

@@ -10,6 +10,7 @@ documentation: ug
 # How to Rotate the Annotation
 
 Rotation process can be applied over annotation and rotation can be controlled by annotation and its parent node or connector.
+
 To learn about annotation constraints, refer to the [Annotation Constraints](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.AnnotationConstraints.html).
 
 ## Rotating the annotation

wpf/Diagram/Annotation/Interaction/SelectionAndResizing.md

@@ -10,6 +10,7 @@ documentation: ug
 # How to Select and Resize the Annotation
 
 Basic intersections of selecting and resizing can be applied over annotation. These interactions can be controlled by annotation and its parent node or connector.
+
 To learn about annotation constraints, refer to the [Annotation Constraints](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.AnnotationConstraints.html).
 
 ## Selecting the annotation

wpf/Diagram/BPMN-Shapes/BPMN-Activity.md

@@ -219,7 +219,7 @@ The following table contains various types of BPMN loops.
 
 ### Compensation
 
-Compensation is triggered when the operation is partially failed and enabled it with the compensation property in both task and the collapsed subprocess. To create a compensation, you have to enable the [IsCompensationActivity](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsCompensationActivity) property of the BpmnNodeViewModel. By default, the IsCompensationActivity property is false.
+Compensation is triggered when the operation is partially failed and enabled it with the compensation property in both task and the collapsed subprocess. To create a compensation, you have to enable the [`IsCompensationActivity`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsCompensationActivity) property of the BpmnNodeViewModel. By default, the `IsCompensationActivity` property is false.
 
 
 {% tabs %}
@@ -265,7 +265,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 
 ### Call
 
-A Call activity is a global sub-process that is reused at various points of the business flow. To create a Call activity, you have to enable the [IsCallActivity](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsCallActivity) property of the BpmnNodeViewModel. By default, the IsCallActivity property is false.
+A Call activity is a global sub-process that is reused at various points of the business flow. To create a Call activity, you have to enable the [`IsCallActivity`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsCallActivity) property of the BpmnNodeViewModel. By default, the `IsCallActivity` property is false.
 
 {% tabs %}
 {% highlight xaml %}
@@ -310,7 +310,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()
 
 ### Ad-Hoc
 
-An ad-hoc subprocess is a group of tasks that are executed in any order or skipped in order to fulfill the end condition. To create a ad-hoc activity, you have to enable the [`IsAdhocActivity`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsAdhocActivity) property of the BpmnNodeViewModel. By default, the IsAdhocActivity property is false.
+An ad-hoc subprocess is a group of tasks that are executed in any order or skipped in order to fulfill the end condition. To create a ad-hoc activity, you have to enable the [`IsAdhocActivity`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsAdhocActivity) property of the BpmnNodeViewModel. By default, the `IsAdhocActivity` property is false.
 
 
 {% tabs %}

wpf/Diagram/BPMN-Shapes/BPMN-TextAnnotation.md

@@ -26,6 +26,34 @@ documentation: ug
 The following code example represents how to create a Text Annotation.
 
 {% tabs %}
+{% highlight xaml %}
+
+<!-- Initialize the SfDiagram control -->
+<syncfusion:SfDiagram x:Name="diagram">
+   <!-- Define the Nodes collection within the SfDiagram -->
+   <syncfusion:SfDiagram.Nodes>
+         <syncfusion:NodeCollection>
+            <!-- Define a BpmnNodeViewModel with properties set as required -->
+            <syncfusion:BpmnNodeViewModel OffsetX="300" OffsetY="100" UnitWidth="100" UnitHeight="70"
+                                          Type="TextAnnotation" TextAnnotationDirection="Left">
+               <!-- Define the Annotations for the BpmnNodeViewModel -->
+               <syncfusion:BpmnNodeViewModel.Annotations>
+                     <syncfusion:AnnotationCollection>
+                        <!-- Add an AnnotationEditorViewModel with the specified content -->
+                        <syncfusion:AnnotationEditorViewModel Content="Text"/>
+                     </syncfusion:AnnotationCollection>
+               </syncfusion:BpmnNodeViewModel.Annotations>
+            </syncfusion:BpmnNodeViewModel>
+         </syncfusion:NodeCollection>
+   </syncfusion:SfDiagram.Nodes>
+   <!-- Define the Connectors collection within the SfDiagram -->
+   <syncfusion:SfDiagram.Connectors>
+         <syncfusion:ConnectorCollection/>
+   </syncfusion:SfDiagram.Connectors>
+</syncfusion:SfDiagram>
+
+{% endhighlight %}
+
 {% highlight c# %}
 
 //Initialize the diagram.
@@ -60,6 +88,36 @@ BpmnNodeViewModel textannotation = new BpmnNodeViewModel()
 The following code example represents how to create a Text Annotation and make a connection between the `Activity` and `TextAnnotation` shape.
 
 {% tabs %}
+{% highlight xaml %}
+
+ <!-- Initialize the SfDiagram control -->
+ <syncfusion:SfDiagram x:Name="diagram">
+     <!-- Define the Nodes collection within the SfDiagram -->
+     <syncfusion:SfDiagram.Nodes>
+         <syncfusion:NodeCollection>
+             <!-- Define the BpmnNodeViewModel with properties set as required -->
+             <syncfusion:BpmnNodeViewModel x:Name="Node" OffsetX="150" OffsetY="250" UnitWidth="100" UnitHeight="100"
+                                           Type="Activity"/>
+             <!-- Define the TextAnnotation BpmnNodeViewModel and set the TextAnnotationTarget property from the code-behind -->
+             <syncfusion:BpmnNodeViewModel x:Name="TextAnnotationNode" OffsetX="300" OffsetY="100" UnitWidth="100" UnitHeight="70"
+                                           Type="TextAnnotation">
+                 <!-- Define the Annotations for the BpmnNodeViewModel -->
+                 <syncfusion:BpmnNodeViewModel.Annotations>
+                     <syncfusion:AnnotationCollection>
+                         <!-- Add an AnnotationEditorViewModel with the specified content -->
+                         <syncfusion:AnnotationEditorViewModel Content="Text"/>
+                     </syncfusion:AnnotationCollection>
+                 </syncfusion:BpmnNodeViewModel.Annotations>
+             </syncfusion:BpmnNodeViewModel>
+         </syncfusion:NodeCollection>
+     </syncfusion:SfDiagram.Nodes>
+     <!-- Define the Connectors collection within the SfDiagram -->
+     <syncfusion:SfDiagram.Connectors>
+         <syncfusion:ConnectorCollection/>
+     </syncfusion:SfDiagram.Connectors>
+ </syncfusion:SfDiagram>
+
+{% endhighlight %}
 {% highlight c# %}
 
 //Initialize the diagram.

wpf/Diagram/Connector/AppearanceAndValidation.md

@@ -406,7 +406,7 @@ ConnectorViewModel paddingConnector = new ConnectorViewModel()
 
 ![WPF Diagram Connector Padding](Connector_images/wpf-diagram-connector-padding.PNG)
 
-For sample, refer to [Decorator](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Connector/Connector%20Padding "Decorator")
+For sample, refer to [Decorator](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Connector/Connector%20Padding)
 
 ## Bridging
 
@@ -661,15 +661,15 @@ Find the [Sample](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tre
 
 ## See Also
 
-[How to add annotations for connectors](/wpf/diagram/annotation)
+[How to add annotations for connectors?](/wpf/diagram/annotation)
 
-[How to add or remove connector constraints](/wpf/diagram/constraints#connector-constraints)
+[How to add or remove connector constraints?](/wpf/diagram/constraints#connector-constraints)
 
-[How to add ports for connector](/wpf/diagram/port)
+[How to add ports for connector?](/wpf/diagram/port)
 
-[How to group other elements with connector](/wpf/diagram/group)
+[How to group other elements with connector?](/wpf/diagram/group)
 
-[How to draw connector independently using drawing tool](/wpf/diagram/tools)
+[How to draw connector independently using drawing tool?](/wpf/diagram/tools)
 
 [How to customize the connection indicator style of node and port?](https://support.syncfusion.com/kb/article/10048/how-to-customize-the-connection-indicator-style-of-node-and-port-in-wpf-diagram-sfdiagram)