Merge pull request #1643 from syncfusion-content/WPF-932060-Link_KBs_With_UG

WPF-932060-Link KBs With UG

Author: KarkuvelRajan

wpf/Diagram/Annotation/DefineAnnotation.md

@@ -105,7 +105,7 @@ ConnectorViewModel connector = new ConnectorViewModel()
 {% endhighlight %}
 {%  endtabs %}
 
-![Create Annotation](Annotation_images/Create_Annotation.jpg)
+![Create Annotation](Annotation_images/wpf-diagram-annotation.jpg)
 
 ## Multiple Annotations
 
@@ -146,7 +146,7 @@ Annotations = new ObservableCollection<IAnnotation>()
 {% endhighlight %}
 {% endtabs %}
 
-![Multiple Annotations](Annotation_images/annotation_img21.png) &ensp;&ensp;&ensp;&ensp;&ensp; ![Multiple Annotations](Annotation_images/MultipleAnnotationConnector.png)
+![Multiple Annotations](Annotation_images/wpf-diagram-multiple-annotations.PNG) &ensp;&ensp;&ensp;&ensp;&ensp; ![Multiple Annotations](Annotation_images/wpf-diagram-multiple-annotation-connector.png)
 
 [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Annotations/MultipleAnnotation).
 
@@ -158,4 +158,14 @@ Annotations = new ObservableCollection<IAnnotation>()
 
 [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)
 
-[How to programmatically Show/Hide the Annotations of node and connector?](https://support.syncfusion.com/kb/article/6281/how-to-programmatically-showhide-annotations-in-wpf-diagram-)
+[How to programmatically Show/Hide the Annotations of node and connector?](https://support.syncfusion.com/kb/article/6281/how-to-programmatically-showhide-annotations-in-wpf-diagram-)
+
+[How to set font properties for newly added items Annotations in WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/18670/how-to-set-font-properties-for-newly-added-items-annotations-in-wpf-diagram-sfdiagram)
+
+[How to highlight the node when selecting an annotation of the node and vice versa in the WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/18245/how-to-highlight-the-node-when-selecting-an-annotation-of-the-node-and-vice-versa-in-the-wpf-diagram-sfdiagram)
+
+[How to update text formatting properties of an Annotation in WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/18407/how-to-update-text-formatting-properties-of-an-annotation-in-wpf-diagram-sfdiagram)
+
+[How to get parent of annotation using changed command in WPF Diagram?](https://support.syncfusion.com/kb/article/16202/how-to-get-parent-of-annotation-using-changed-command-in-wpf-diagram)
+
+[How to add image annotations to a node in WPF Diagram (SfDiagram) control?](https://support.syncfusion.com/kb/article/6078/how-to-add-image-annotations-to-a-node-in-wpf-diagram-sfdiagram-control)

wpf/Diagram/Annotation/Events.md

@@ -56,4 +56,6 @@ private void Diagram_AnnotationChanged(object sender, ChangeEventArgs<object, An
 
 [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)
+[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)
+
+[How to get parent of annotation using changed command in WPF Diagram?](https://support.syncfusion.com/kb/article/16202/how-to-get-parent-of-annotation-using-changed-command-in-wpf-diagram)

wpf/Diagram/Annotation/Interaction/SelectionAndResizing.md

@@ -80,4 +80,7 @@ Annotations = new ObservableCollection<IAnnotation>()
 {% endhighlight %}
 {% endtabs %}
 
-![WPF Diagram Annotation Resizing](Annotation_images/wpf-diagram-annotation-resizing.gif)
+![WPF Diagram Annotation Resizing](Annotation_images/wpf-diagram-annotation-resizing.gif)
+
+## See Also
+[How to highlight the node when selecting an annotation of the node and vice versa in the WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/18245/how-to-highlight-the-node-when-selecting-an-annotation-of-the-node-and-vice-versa-in-the-wpf-diagram-sfdiagram)

wpf/Diagram/Annotation/PositioningAndAppearance.md

@@ -572,4 +572,10 @@ Annotations = new ObservableCollection<IAnnotation>()
 
 ## See Also
 
-[How to programmatically Show/Hide the Annotations of node and connector?](https://support.syncfusion.com/kb/article/6281/how-to-programmatically-showhide-annotations-in-wpf-diagram-)
+[How to programmatically Show/Hide the Annotations of node and connector?](https://support.syncfusion.com/kb/article/6281/how-to-programmatically-showhide-annotations-in-wpf-diagram-)
+
+[How to set font properties for newly added items Annotations in WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/18670/how-to-set-font-properties-for-newly-added-items-annotations-in-wpf-diagram-sfdiagram)
+
+[How to update text formatting properties of an Annotation in WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/18407/how-to-update-text-formatting-properties-of-an-annotation-in-wpf-diagram-sfdiagram)
+
+[How to change the annotation content of a node using context menu in WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/14962/how-to-change-the-annotation-content-of-a-node-using-context-menu-in-wpf-diagram-sfdiagram)

wpf/Diagram/Automatic-Layouts/Automatic-Layouts.md

@@ -359,4 +359,6 @@ N> `Margin` is not valid for `RadialTreeLayout`.
 
 [How to update layout automatically when collection is changed?](https://support.syncfusion.com/kb/article/5857/how-to-update-layout-automatically-when-collection-is-changed-in-wpf-diagram-sfdiagram)
 
-[How to provide MultipleParentSupport in SfDiagram layout using DataSourceSettings?](https://support.syncfusion.com/kb/article/5493/how-to-provide-multipleparentsupport-in-wpf-diagram-sfdiagram-layout-via-datasourcesettings)
+[How to provide MultipleParentSupport in SfDiagram layout using DataSourceSettings?](https://support.syncfusion.com/kb/article/5493/how-to-provide-multipleparentsupport-in-wpf-diagram-sfdiagram-layout-via-datasourcesettings)
+
+[How to create a custom layout in the WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/17780/how-to-create-a-custom-layout-in-the-wpf-diagram-sfdiagram)

wpf/Diagram/Commands/Alignment.md

@@ -141,4 +141,4 @@ graphinfo.Commands.AlignCenter.Execute(null);
 
 ![Gif for Align commands](Commands_Images/Commands_img2.gif)
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Alignment%20Commands)
+[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Alignment%20Commands)

wpf/Diagram/Commands/Clipboard.md

@@ -102,3 +102,6 @@ graphinfo.Commands.Duplicate.Execute(null);
 ![Clipboard gif](Commands_Images/Commands_img11.gif)
 
 [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Clipboard%20commands)
+
+## See Also
+[How to Display Different QuickCommands Based on Nodes in WPF Diagram?](https://support.syncfusion.com/kb/article/17969/how-to-display-different-quickcommands-based-on-nodes-in-wpf-diagram)

wpf/Diagram/Commands/Command-Manager.md

@@ -94,4 +94,6 @@ diagram.CommandManager.Commands.Add(saveGesture);
 
 ## See Also
 
-[How to map the custom commands to existing gestures (keyboard shortcuts and mouse)?](https://support.syncfusion.com/kb/article/8709/how-to-map-the-custom-commands-to-existing-gestures-keyboard-shortcuts-and-mouse-in-wpf)
+[How to map the custom commands to existing gestures (keyboard shortcuts and mouse)?](https://support.syncfusion.com/kb/article/8709/how-to-map-the-custom-commands-to-existing-gestures-keyboard-shortcuts-and-mouse-in-wpf)
+
+[How to add a custom gesture command in the WPF Diagram (SfDiagram )?](https://support.syncfusion.com/kb/article/18237/how-to-add-a-custom-gesture-command-in-the-wpf-diagram-sfdiagram-)

wpf/Diagram/Commands/Delete.md

@@ -59,4 +59,4 @@ else
 
 ![Delete and DeleteParameter](Commands_Images/DeleteCommandParameter.gif)
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Delete%20Command)
+[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Delete%20Command)

wpf/Diagram/Commands/EditandFormatText.md

@@ -134,6 +134,4 @@ graphinfo.Commands.Cancel.Execute(null);
 
 ![Gif for EditAnnotation command](Commands_Images/Commands_EditStyleText.gif)
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Commands%20Sample)
-
-
+[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Commands%20Sample)