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)

wpf/Diagram/Commands/ExpandCollapse.md

@@ -65,4 +65,4 @@ else
 ![ExpandCollapse](Commands_Images/Commands_img21.gif)
 
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Expand%20and%20Collapse%20command)
+[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Expand%20and%20Collapse%20command)

wpf/Diagram/Commands/FitToPage.md

@@ -71,4 +71,6 @@ The [FocusArea](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.Fi
 
 ## See Also
 
-[How to apply margin values to FitToPage command?](https://support.syncfusion.com/kb/article/5474/how-to-apply-margin-to-fittopage-in-wpf-diagram-sfdiagram)
+[How to apply margin values to FitToPage command?](https://support.syncfusion.com/kb/article/5474/how-to-apply-margin-to-fittopage-in-wpf-diagram-sfdiagram)
+
+[How to Fit Selected Nodes and Connectors to the WPF Diagram Window?](https://support.syncfusion.com/kb/article/18062/how-to-fit-selected-nodes-and-connectors-to-the-wpf-diagram-window)

wpf/Diagram/Commands/Flip.md

@@ -62,4 +62,4 @@ When the Flip command is applied to the group, it enables the transformation of
 
 ![Represents the Group flip](Commands_images/Commands_GroupFlip.gif)
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Flip%20Command)
+[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Flip%20Command)

wpf/Diagram/Commands/Grouping.md

@@ -57,4 +57,4 @@ graphinfo.Commands.UnGroup.Execute(null);
 
 ![Group/UnGroup gif](Commands_Images/Commands_img12.gif)
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Grouping%20Commands)
+[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Grouping%20Commands)

wpf/Diagram/Commands/Nudge.md

@@ -42,4 +42,4 @@ graphinfo.Commands.MoveUp.Execute(new MoveParameter() { MoveDelta = 5 });
 
 ![Nudge gif](Commands_Images/Commands_img17.gif)
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Nudge%20Commands) 
+[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Nudge%20Commands)

wpf/Diagram/Commands/Rotate.md

@@ -36,4 +36,4 @@ graphinfo.Commands.Rotate.Execute(new RotateParameter()
 
 ![Gif for Rotate command](Commands_Images/Commands_Rotate.gif)
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Rotate%20Command)
+[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Rotate%20Command)

wpf/Diagram/Commands/SelectByType.md

@@ -30,4 +30,4 @@ graphinfo.Commands.SelectByType.Execute(typeof(NodeViewModel));
 ![Gif for SelectByType command](Commands_Images/Commands_SelectByType.gif)
 
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Rotate%20Command)
+[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Rotate%20Command)

wpf/Diagram/Commands/SelectTool.md

@@ -67,4 +67,4 @@ graphinfo.Commands.SelectTool.Execute(new SelectToolCommandParameter()
 
 ![Gif for SelectTool command](Commands_Images/Commands_SelectTool.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)

wpf/Diagram/Commands/SetShapeStyle.md

@@ -38,4 +38,4 @@ graphinfo.Commands.SetShapeStyle.Execute(style);
 
 ![Gif for SelectByType command](Commands_Images/Commands_SetShapeStyle.gif)
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Rotate%20Command)
+[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Rotate%20Command)

wpf/Diagram/Commands/Sizing.md

@@ -79,4 +79,4 @@ graphinfo.Commands.SameWidth.Execute(null);
 
 ![Sizing commands](Commands_Images/Commands_img5.gif)
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Sizing%20Commands)
+[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Sizing%20Commands)

wpf/Diagram/Commands/Spacing.md

@@ -59,4 +59,4 @@ graphinfo.Commands.SpaceDown.Execute(null);
 
 ![SPace Down](Commands_images/Commands_img4.gif)
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Spacing%20Commands)
+[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Spacing%20Commands)

wpf/Diagram/Commands/UndoRedo.md

@@ -41,4 +41,4 @@ graphinfo.Commands.Redo.Execute(null);
 
 ![Undo Redo gif](Commands_Images/Commands_img16.gif)
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Undo%20Redo)
+[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Undo%20Redo)

wpf/Diagram/Commands/Z-Order.md

@@ -103,4 +103,4 @@ graphinfo.Commands.BringForward.Execute(null);
 
 ![Represents the bring forward](Commands_images/Commands_img9.gif)
 
-[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Z-Order%20Commands)
+[View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Z-Order%20Commands)

wpf/Diagram/Commands/Zoom.md

@@ -217,3 +217,6 @@ graphinfo.Commands.Reset.Execute(new ResetParameter() { Reset = Reset.ZoomPan })
 {% endtabs %}
 
 [View sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Commands/Zoom%20Command)
+
+## See Also
+[How to Fit Selected Nodes and Connectors to the WPF Diagram Window?](https://support.syncfusion.com/kb/article/18062/how-to-fit-selected-nodes-and-connectors-to-the-wpf-diagram-window)

wpf/Diagram/Connector/AppearanceAndValidation.md

@@ -691,4 +691,16 @@ Find the [Sample](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tre
 
 [How to customize the bridging style for connector?](https://support.syncfusion.com/kb/article/6120/how-to-customize-the-bridging-style-for-connector-in-wpf-diagram-sfdiagram)
 
-[How to customize the direction of bridge?](https://support.syncfusion.com/kb/article/6010/how-to-customize-the-direction-of-bridge-in-wpf-diagram-sfdiagram)
+[How to customize the direction of bridge?](https://support.syncfusion.com/kb/article/6010/how-to-customize-the-direction-of-bridge-in-wpf-diagram-sfdiagram)
+
+[How to update the size of a Connector's source and target decorators in the WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/18246/how-to-update-the-size-of-a-connectors-source-and-target-decorators-in-the-wpf-diagram-sfdiagram)
+
+[How to prevent the Connector lines from overlapping the Connector's target decorator in WPF Diagram(SfDiagram)?](https://support.syncfusion.com/kb/article/18404/how-to-prevent-the-connector-lines-from-overlapping-the-connectors-target-decorator-in-wpf-diagramsfdiagram)
+
+[How to restrict the Connector's source and target decorator from being positioned in different places in WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/18413/how-to-restrict-the-connectors-source-and-target-decorator-from-being-positioned-in-different-places-in-wpf-diagram-sfdiagram)
+
+[How to set the rotation angle for a node based on the angle of the connector decorator's shape in WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/17744/how-to-set-the-rotation-angle-for-a-node-based-on-the-angle-of-the-connector-decorators-shape-in-wpf-diagram-sfdiagram)
+
+[How to manage the visibility of node and connector objects in the WPF Diagram (SfDiagram)?](https://support.syncfusion.com/kb/article/14995/how-to-manage-the-visibility-of-node-and-connector-objects-in-the-wpf-diagram-sfdiagram)
+
+[How to customize the size of the segment decorators of a Connector in WPF Diagram(SfDiagram)?](https://support.syncfusion.com/kb/article/14933/how-to-customize-the-size-of-the-segment-decorators-of-a-connector-in-wpf-diagramsfdiagram)