From ab59fe4cb9c68e87f6f5da7a5badf97302e02c7e Mon Sep 17 00:00:00 2001 From: Satish Raj <154953536+satishraj-sf4377@users.noreply.github.com> Date: Wed, 12 Jun 2024 14:59:45 +0530 Subject: [PATCH 1/6] WPF-889895-Corrected the Issues --- wpf/Diagram/Connector/SelectionAndDragging.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/wpf/Diagram/Connector/SelectionAndDragging.md b/wpf/Diagram/Connector/SelectionAndDragging.md index 322e3d4059..e428e39bda 100644 --- a/wpf/Diagram/Connector/SelectionAndDragging.md +++ b/wpf/Diagram/Connector/SelectionAndDragging.md @@ -11,13 +11,13 @@ documentation: ug Connectors can be selected, dragged and routed over the diagram page. -## How to select and edit the connector +## How to Select and Edit the Connector -The connector can be selected by tapping it. When the connector is selected, circles will be added on the starting and ending of the connector, which is represented by `Thumbs`. Clicking and dragging those handles helps you to adjust the source and target points. +The Connector can be selected by tapping it. When the connector is selected, circles will be added on the starting and ending of the connector, which is represented by `Thumbs`. Clicking and dragging those handles helps you to adjust the source and target points. ![WPF Diagram Thumb](Connector_images/wpf-diagram-thumb.gif) -## How to drag the connector +## How to Drag the Connector Also, the entire connector can be dragged over the page by using the [`Constraints`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_Constraints) property and setting its value as Draggable. @@ -63,9 +63,9 @@ ConnectorViewModel simpleConnector = new ConnectorViewModel() ![WPF Diagram Draggable Connector](Connector_images/wpf-diagram-draggable-connector.gif) -## How to route the connectors +## How to Route the Connectors -The connectors in the diagram can be overlapped with any neighboring nodes when the node is placed in contact with the connector. This will make less clarity about the connector path flow. This can be avoided using Routing process. +The Connectors in the diagram can be overlapped with any neighboring nodes when the node is placed in contact with the connector. This will make less clarity about the connector path flow. This can be avoided using Routing process. The routing is the process of updating the connector's geometry to avoid the overlapping with any neighboring nodes in their path. This behavior can be enabled by adding `GraphConstraints.Routing` enum value to the [`Constraints`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_Constraints) property of diagram. @@ -90,7 +90,7 @@ diagram.Constraints.Add(GraphConstraints.Routing); N> Routing is applicable only for orthogonal connectors. -### How to enable or disable routing for nodes +### How to Enable or Disable Routing for Nodes By default, all nodes are treated as an obstacle for a connector that is connections will go around the node boundary. You can disable the node's routing obstacles by removing the `NodeConstraints.RoutingObstacle` from the [`Constraints`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeViewModel.html#Syncfusion_UI_Xaml_Diagram_NodeViewModel_Constraints) property of node. @@ -112,7 +112,7 @@ node.Constraints.Remove(NodeConstraints.RoutingObstacle); ![WPF Diagram Connector Routing Obstacles](Connector_images/wpf-diagram-connector-routing-obstacles.png) -### How to enable or disable routing for connectors +### How to Enable or Disable Routing for Connectors By default, each connector's routing process is inherited based on the value of the `Constraints` property of the diagram. To control the individual connector's routing regardless of the diagram, you should remove the `ConnectorConstraints.InheritRouting` enum value from the [`Constraints`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_Constraints) property of the connector and add `ConnectorConstraints.Routing` enum value to the Constraints property or remove `ConnectorConstraints.Routing` enum value from the Constraints property to enable or disable the routing respectively. @@ -137,9 +137,9 @@ connector.Constraints.Add(ConnectorConstraints.Routing); Diagram supports two types of routing algorithm: -* Classic: Additional segments will be added based on the position and dimension of the obstacles in their path. This type of routing gives less priority to geometry length and number of bends. +* **Classic:** Additional segments will be added based on the position and dimension of the obstacles in their path. This type of routing gives less priority to geometry length and number of bends. -* Advanced: This routing type evaluates all possible geometrical paths for a connector aiming to find one that has a minimal bends and length. +* **Advanced:** This routing type evaluates all possible geometrical paths for a connector aiming to find one that has a minimal bends and length. The routing algorithm can be specified by using [`RoutingType`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.LineRoutingSettings.html#Syncfusion_UI_Xaml_Diagram_LineRoutingSettings_RoutingType) property of [`LineRoutingSettings`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.LineRoutingSettings.html) class. From 7ac5fa7dea4adae11ad2191b05fd3401bf476bf8 Mon Sep 17 00:00:00 2001 From: Satish Raj <154953536+satishraj-sf4377@users.noreply.github.com> Date: Wed, 12 Jun 2024 15:10:27 +0530 Subject: [PATCH 2/6] WPF-889895-Corrected the Issues --- wpf/Diagram/Connector/SelectionAndDragging.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/wpf/Diagram/Connector/SelectionAndDragging.md b/wpf/Diagram/Connector/SelectionAndDragging.md index e428e39bda..aa6985a76f 100644 --- a/wpf/Diagram/Connector/SelectionAndDragging.md +++ b/wpf/Diagram/Connector/SelectionAndDragging.md @@ -137,9 +137,9 @@ connector.Constraints.Add(ConnectorConstraints.Routing); Diagram supports two types of routing algorithm: -* **Classic:** Additional segments will be added based on the position and dimension of the obstacles in their path. This type of routing gives less priority to geometry length and number of bends. +* Classic: Additional segments will be added based on the position and dimension of the obstacles in their path. This type of routing gives less priority to geometry length and number of bends. -* **Advanced:** This routing type evaluates all possible geometrical paths for a connector aiming to find one that has a minimal bends and length. +* Advanced: This routing type evaluates all possible geometrical paths for a connector aiming to find one that has a minimal bends and length. The routing algorithm can be specified by using [`RoutingType`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.LineRoutingSettings.html#Syncfusion_UI_Xaml_Diagram_LineRoutingSettings_RoutingType) property of [`LineRoutingSettings`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.LineRoutingSettings.html) class. From 32b93597593c6e7124ff26c3996919baa918cc71 Mon Sep 17 00:00:00 2001 From: Satish Raj <154953536+satishraj-sf4377@users.noreply.github.com> Date: Wed, 12 Jun 2024 15:25:30 +0530 Subject: [PATCH 3/6] Revert "WPF-889895-Corrected the Issues" This reverts commit df136954dd92aeb81e689da6b3b648ec2257ee70. --- wpf/Diagram/Connector/SelectionAndDragging.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/wpf/Diagram/Connector/SelectionAndDragging.md b/wpf/Diagram/Connector/SelectionAndDragging.md index aa6985a76f..e428e39bda 100644 --- a/wpf/Diagram/Connector/SelectionAndDragging.md +++ b/wpf/Diagram/Connector/SelectionAndDragging.md @@ -137,9 +137,9 @@ connector.Constraints.Add(ConnectorConstraints.Routing); Diagram supports two types of routing algorithm: -* Classic: Additional segments will be added based on the position and dimension of the obstacles in their path. This type of routing gives less priority to geometry length and number of bends. +* **Classic:** Additional segments will be added based on the position and dimension of the obstacles in their path. This type of routing gives less priority to geometry length and number of bends. -* Advanced: This routing type evaluates all possible geometrical paths for a connector aiming to find one that has a minimal bends and length. +* **Advanced:** This routing type evaluates all possible geometrical paths for a connector aiming to find one that has a minimal bends and length. The routing algorithm can be specified by using [`RoutingType`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.LineRoutingSettings.html#Syncfusion_UI_Xaml_Diagram_LineRoutingSettings_RoutingType) property of [`LineRoutingSettings`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.LineRoutingSettings.html) class. From 7b283afc1ad9e176af040ceef5117f75d8f93c05 Mon Sep 17 00:00:00 2001 From: Satish Raj <154953536+satishraj-sf4377@users.noreply.github.com> Date: Wed, 12 Jun 2024 15:26:55 +0530 Subject: [PATCH 4/6] Revert "WPF-889895-Corrected the Issues" This reverts commit df136954dd92aeb81e689da6b3b648ec2257ee70. --- wpf/Diagram/Connector/SelectionAndDragging.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/wpf/Diagram/Connector/SelectionAndDragging.md b/wpf/Diagram/Connector/SelectionAndDragging.md index e428e39bda..c750478e09 100644 --- a/wpf/Diagram/Connector/SelectionAndDragging.md +++ b/wpf/Diagram/Connector/SelectionAndDragging.md @@ -11,13 +11,13 @@ documentation: ug Connectors can be selected, dragged and routed over the diagram page. -## How to Select and Edit the Connector +## How to select and edit the connector -The Connector can be selected by tapping it. When the connector is selected, circles will be added on the starting and ending of the connector, which is represented by `Thumbs`. Clicking and dragging those handles helps you to adjust the source and target points. +The connector can be selected by tapping it. When the connector is selected, circles will be added on the starting and ending of the connector, which is represented by `Thumbs`. Clicking and dragging those handles helps you to adjust the source and target points. ![WPF Diagram Thumb](Connector_images/wpf-diagram-thumb.gif) -## How to Drag the Connector +## How to drag the connector Also, the entire connector can be dragged over the page by using the [`Constraints`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_Constraints) property and setting its value as Draggable. @@ -63,9 +63,9 @@ ConnectorViewModel simpleConnector = new ConnectorViewModel() ![WPF Diagram Draggable Connector](Connector_images/wpf-diagram-draggable-connector.gif) -## How to Route the Connectors +## How to route the connectors -The Connectors in the diagram can be overlapped with any neighboring nodes when the node is placed in contact with the connector. This will make less clarity about the connector path flow. This can be avoided using Routing process. +The connectors in the diagram can be overlapped with any neighboring nodes when the node is placed in contact with the connector. This will make less clarity about the connector path flow. This can be avoided using Routing process. The routing is the process of updating the connector's geometry to avoid the overlapping with any neighboring nodes in their path. This behavior can be enabled by adding `GraphConstraints.Routing` enum value to the [`Constraints`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_Constraints) property of diagram. @@ -90,7 +90,7 @@ diagram.Constraints.Add(GraphConstraints.Routing); N> Routing is applicable only for orthogonal connectors. -### How to Enable or Disable Routing for Nodes +### How to enable or disable routing for nodes By default, all nodes are treated as an obstacle for a connector that is connections will go around the node boundary. You can disable the node's routing obstacles by removing the `NodeConstraints.RoutingObstacle` from the [`Constraints`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.NodeViewModel.html#Syncfusion_UI_Xaml_Diagram_NodeViewModel_Constraints) property of node. @@ -112,7 +112,7 @@ node.Constraints.Remove(NodeConstraints.RoutingObstacle); ![WPF Diagram Connector Routing Obstacles](Connector_images/wpf-diagram-connector-routing-obstacles.png) -### How to Enable or Disable Routing for Connectors +### How to enable or disable routing for connectors By default, each connector's routing process is inherited based on the value of the `Constraints` property of the diagram. To control the individual connector's routing regardless of the diagram, you should remove the `ConnectorConstraints.InheritRouting` enum value from the [`Constraints`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_Constraints) property of the connector and add `ConnectorConstraints.Routing` enum value to the Constraints property or remove `ConnectorConstraints.Routing` enum value from the Constraints property to enable or disable the routing respectively. From f996540c2e7bdeae2506ceb3523f321bce61bf6d Mon Sep 17 00:00:00 2001 From: Satish Raj <154953536+satishraj-sf4377@users.noreply.github.com> Date: Wed, 12 Jun 2024 15:33:11 +0530 Subject: [PATCH 5/6] WPF-889895-Added question marks to the "See Also" section links and Corrected the Grammar mistakes --- wpf/Diagram/Connector/AppearanceAndValidation.md | 10 +++++----- wpf/Diagram/Connector/Segments/MultipleSegments.md | 2 +- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/wpf/Diagram/Connector/AppearanceAndValidation.md b/wpf/Diagram/Connector/AppearanceAndValidation.md index d6eb520f66..bec2ecb3b7 100644 --- a/wpf/Diagram/Connector/AppearanceAndValidation.md +++ b/wpf/Diagram/Connector/AppearanceAndValidation.md @@ -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) diff --git a/wpf/Diagram/Connector/Segments/MultipleSegments.md b/wpf/Diagram/Connector/Segments/MultipleSegments.md index 01439e1cbe..94d3263239 100644 --- a/wpf/Diagram/Connector/Segments/MultipleSegments.md +++ b/wpf/Diagram/Connector/Segments/MultipleSegments.md @@ -9,7 +9,7 @@ documentation: ug # Multiple segments creation -Multiple segments can be added in a single connector one after another. you can add above four type of segments in single connector at a time. +Multiple segments can be added in a single connector one after another. You can add above four type of segments in single connector at a time. {% tabs %} {% highlight xaml %} From 84e86091959829116fa14797a1a7389c8f75ba2c Mon Sep 17 00:00:00 2001 From: KarkuvelRajan <63278195+KarkuvelRajan@users.noreply.github.com> Date: Fri, 21 Jun 2024 08:40:06 +0530 Subject: [PATCH 6/6] WPF-889895 Changes are added WPF-889895 Changes are added --- wpf/Diagram/Connector/AppearanceAndValidation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/wpf/Diagram/Connector/AppearanceAndValidation.md b/wpf/Diagram/Connector/AppearanceAndValidation.md index bec2ecb3b7..7624ee5a26 100644 --- a/wpf/Diagram/Connector/AppearanceAndValidation.md +++ b/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