syncfusion-content · SyncfusionBuild · Jun 21, 2024 · Jun 11, 2024 · Jun 12, 2024 · Jun 12, 2024
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Activity.md b/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 %}

diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-Shapes-Images/textannotationbpmn.gif b/wpf/Diagram/BPMN-Shapes/BPMN-Shapes-Images/textannotationbpmn.gif
diff --git a/wpf/Diagram/BPMN-Shapes/BPMN-TextAnnotation.md b/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.

diff --git a/wpf/Diagram/Connector/DefineConnector.md b/wpf/Diagram/Connector/DefineConnector.md
@@ -411,7 +411,7 @@ Connectors can be interactively drawn by clicking and dragging on the diagram su
 
 ## Connectors through data source
 
-Connectors are automatically generated based on the relationships defined through the data source. For more information about data source, refer to [Data Source](/wpf/diagram/datasource "DataSource").
+Connectors are automatically generated based on the relationships defined through the data source. For more information about data source, refer to [DataSource](/wpf/diagram/datasource "DataSource").
 
 ## Add connectors from stencil
 
@@ -421,13 +421,13 @@ For more information about adding connectors from stencil, refer to [Stencil](/w
 
 ## See Also
 
-[`How to apply built-in theme for node and connector?`](https://support.syncfusion.com/kb/article/9995/how-to-apply-built-in-theme-for-node-and-connector-in-wpf-diagram-sfdiagram)
+[How to apply built-in theme for node and connector?](https://support.syncfusion.com/kb/article/9995/how-to-apply-built-in-theme-for-node-and-connector-in-wpf-diagram-sfdiagram)
 
-[`How to decide whether to drag or draw a connection on port at runtime?`](https://support.syncfusion.com/kb/article/8538/how-to-decide-whether-to-drag-or-draw-a-connection-on-port-at-runtime-in-the-wpf-diagram)
+[How to decide whether to drag or draw a connection on port at runtime?](https://support.syncfusion.com/kb/article/8538/how-to-decide-whether-to-drag-or-draw-a-connection-on-port-at-runtime-in-the-wpf-diagram)
 
-[`How to customize the context menu?`](https://support.syncfusion.com/kb/article/9270/how-to-customize-the-contextmenu-in-wpf-diagram-sfdiagram)
+[How to customize the context menu?](https://support.syncfusion.com/kb/article/9270/how-to-customize-the-contextmenu-in-wpf-diagram-sfdiagram)
 
-[`How to create port at runtime though SetTool?`](https://support.syncfusion.com/kb/article/9967/how-to-create-port-at-runtime-through-set-tool-in-wpf-diagram-sfdiagram)
+[How to create port at runtime though SetTool?](https://support.syncfusion.com/kb/article/9967/how-to-create-port-at-runtime-through-set-tool-in-wpf-diagram-sfdiagram)
 
 [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)
 

diff --git a/wpf/Gantt/Auto-Update-Hierarchy_images/Auto-Update-Hierarchy_img1.png b/wpf/Gantt/Auto-Update-Hierarchy_images/Auto-Update-Hierarchy_img1.png
diff --git a/wpf/Gantt/Auto-Update-Hierarchy_images/gantt-control-auto-updated-hierarchy.png b/wpf/Gantt/Auto-Update-Hierarchy_images/gantt-control-auto-updated-hierarchy.png
diff --git a/wpf/Gantt/Baseline-Support_images/Baseline-Chart_img4.png b/wpf/Gantt/Baseline-Support_images/Baseline-Chart_img4.png
diff --git a/wpf/Gantt/Baseline-Support_images/Baseline-Support_img1.png b/wpf/Gantt/Baseline-Support_images/Baseline-Support_img1.png
diff --git a/wpf/Gantt/Baseline-Support_images/Baseline-Support_img2.png b/wpf/Gantt/Baseline-Support_images/Baseline-Support_img2.png
diff --git a/wpf/Gantt/Baseline-Support_images/gantt-control-add-new-column.png b/wpf/Gantt/Baseline-Support_images/gantt-control-add-new-column.png
diff --git a/wpf/Gantt/Baseline-Support_images/gantt-control-baseline-chart.png b/wpf/Gantt/Baseline-Support_images/gantt-control-baseline-chart.png
diff --git a/wpf/Gantt/Baseline-Support_images/gantt-control-baseline-grid.png b/wpf/Gantt/Baseline-Support_images/gantt-control-baseline-grid.png
diff --git a/...-Support_images/Baseline-Support_img3.png → ...ages/gantt-control-project-statistics.png b/...-Support_images/Baseline-Support_img3.png → ...ages/gantt-control-project-statistics.png
diff --git a/wpf/Gantt/Calendar-Customization_images/Calendar-Customization_img1.png b/wpf/Gantt/Calendar-Customization_images/Calendar-Customization_img1.png
diff --git a/wpf/Gantt/Calendar-Customization_images/gantt-control-calendar-customization.png b/wpf/Gantt/Calendar-Customization_images/gantt-control-calendar-customization.png
diff --git a/wpf/Gantt/Custom-Schedule_images/Custom-Schedule_img1.png b/wpf/Gantt/Custom-Schedule_images/Custom-Schedule_img1.png
diff --git a/wpf/Gantt/Custom-Schedule_images/Custom-Schedule_img2.png b/wpf/Gantt/Custom-Schedule_images/Custom-Schedule_img2.png
diff --git a/wpf/Gantt/Custom-Schedule_images/gantt-control-custom-datetime-schedule.png b/wpf/Gantt/Custom-Schedule_images/gantt-control-custom-datetime-schedule.png
diff --git a/wpf/Gantt/Custom-Schedule_images/gantt-control-custom-numeric-schedule.png b/wpf/Gantt/Custom-Schedule_images/gantt-control-custom-numeric-schedule.png
diff --git a/wpf/Gantt/CustomToolTip_images/CustomToolTip_img1.png b/wpf/Gantt/CustomToolTip_images/CustomToolTip_img1.png
diff --git a/wpf/Gantt/CustomToolTip_images/gantt-control-custom-tooltip.png b/wpf/Gantt/CustomToolTip_images/gantt-control-custom-tooltip.png
diff --git a/wpf/Gantt/Data-Binding_images/Data-Binding_img1.png b/wpf/Gantt/Data-Binding_images/Data-Binding_img1.png
diff --git a/wpf/Gantt/Data-Binding_images/Data-Binding_img2.png b/wpf/Gantt/Data-Binding_images/Data-Binding_img2.png
diff --git a/wpf/Gantt/Data-Binding_images/gantt-control-external-property-binding.png b/wpf/Gantt/Data-Binding_images/gantt-control-external-property-binding.png
diff --git a/wpf/Gantt/Data-Binding_images/gantt-control-taskdetails-binding.png b/wpf/Gantt/Data-Binding_images/gantt-control-taskdetails-binding.png
diff --git a/wpf/Gantt/Dependency-Relationship_images/Dependency-Relationship_img5.png b/wpf/Gantt/Dependency-Relationship_images/Dependency-Relationship_img5.png
diff --git a/wpf/Gantt/Dependency-Relationship_images/Dependency-Relationship_img6.png b/wpf/Gantt/Dependency-Relationship_images/Dependency-Relationship_img6.png
diff --git a/wpf/Gantt/Dependency-Relationship_images/Predecessors AutoMode.png b/wpf/Gantt/Dependency-Relationship_images/Predecessors AutoMode.png
diff --git a/wpf/Gantt/Dependency-Relationship_images/Predecessors ManualMode.png b/wpf/Gantt/Dependency-Relationship_images/Predecessors ManualMode.png
diff --git a/wpf/Gantt/Dependency-Relationship_images/gantt-control-dependency-relationship.png b/wpf/Gantt/Dependency-Relationship_images/gantt-control-dependency-relationship.png
diff --git a/wpf/Gantt/Dependency-Relationship_images/gantt-control-predecessor-editing.png b/wpf/Gantt/Dependency-Relationship_images/gantt-control-predecessor-editing.png
diff --git a/...antt/Dependency-Relationship_images/gantt-control-predecessors-in-auto-mode.png b/...antt/Dependency-Relationship_images/gantt-control-predecessors-in-auto-mode.png
diff --git a/...tt/Dependency-Relationship_images/gantt-control-predecessors-in-manual-mode.png b/...tt/Dependency-Relationship_images/gantt-control-predecessors-in-manual-mode.png
diff --git a/wpf/Gantt/Getting-Started_images/Getting-Started_img1.png b/wpf/Gantt/Getting-Started_images/Getting-Started_img1.png
diff --git a/wpf/Gantt/Getting-Started_images/Getting-Started_img2.png b/wpf/Gantt/Getting-Started_images/Getting-Started_img2.png
diff --git a/wpf/Gantt/Getting-Started_images/Getting-Started_img3.png b/wpf/Gantt/Getting-Started_images/Getting-Started_img3.png
diff --git a/wpf/Gantt/Getting-Started_images/Getting-Started_img4.png b/wpf/Gantt/Getting-Started_images/Getting-Started_img4.png
diff --git a/wpf/Gantt/Getting-Started_images/gantt-control-appearance-and-structure.png b/wpf/Gantt/Getting-Started_images/gantt-control-appearance-and-structure.png
diff --git a/wpf/Gantt/Getting-Started_images/gantt-control-gantt-chart.png b/wpf/Gantt/Getting-Started_images/gantt-control-gantt-chart.png
diff --git a/wpf/Gantt/Getting-Started_images/gantt-control-gantt-grid.png b/wpf/Gantt/Getting-Started_images/gantt-control-gantt-grid.png
diff --git a/wpf/Gantt/Holiday-Customization_images/Holiday-Customization_images_img1.png b/wpf/Gantt/Holiday-Customization_images/Holiday-Customization_images_img1.png
diff --git a/wpf/Gantt/Holiday-Customization_images/gantt-control-holiday-customization.png b/wpf/Gantt/Holiday-Customization_images/gantt-control-holiday-customization.png
diff --git a/wpf/Gantt/Overview_images/Overview_img1.png b/wpf/Gantt/Overview_images/Overview_img1.png
diff --git a/wpf/Gantt/Overview_images/gantt-control-overview.png b/wpf/Gantt/Overview_images/gantt-control-overview.png