From 3555a04e55a075fab3d918acbe2199cf21ce8294 Mon Sep 17 00:00:00 2001 From: Satish Raj <154953536+satishraj-sf4377@users.noreply.github.com> Date: Wed, 12 Jun 2024 12:10:55 +0530 Subject: [PATCH 1/4] WPF-889895-Corrected the Property name and Removed Highlight style from the "SeeAlso" links --- wpf/Diagram/Connector/DefineConnector.md | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/wpf/Diagram/Connector/DefineConnector.md b/wpf/Diagram/Connector/DefineConnector.md index 3228bf4e26..21a7e3a576 100644 --- 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) From 23049831057385c268f435b0d8c9d2aa5a947ddc Mon Sep 17 00:00:00 2001 From: Satish Raj <154953536+satishraj-sf4377@users.noreply.github.com> Date: Wed, 12 Jun 2024 13:04:20 +0530 Subject: [PATCH 2/4] WPF-889895-Corrected the Grammar Mistakes --- wpf/Diagram/Connector/DefineConnector.md | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/wpf/Diagram/Connector/DefineConnector.md b/wpf/Diagram/Connector/DefineConnector.md index 21a7e3a576..60f3882d1d 100644 --- a/wpf/Diagram/Connector/DefineConnector.md +++ b/wpf/Diagram/Connector/DefineConnector.md @@ -13,7 +13,7 @@ Connectors are objects used to create link between two points or nodes to indica ![WPF Diagram Point to Point Connection](Connector_images/wpf-diagram-point-to-point-connection.PNG) -## Connector types +## Connector Types Diagram supports to create five types of connectors. They are: @@ -84,7 +84,7 @@ ConnectorViewModel simpleConnector = new ConnectorViewModel() ![WPF Diagram Connector Types](Connector_images/wpf-diagram-connector-types.PNg) -### How to draw polyline +### How to Draw Polyline Polyline is a continuous line of a segment or a continuous line composed of more line segments. When you click the diagram page, a line will be drawn, and then new segments will be kept on added for every click on page. Line drawing will be stopped when double-click the page. This polyline will be drawn using the [`Tool`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_Tool), [`DrawingTool`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_DrawingTool), and `DefaultConnectorType` properties. @@ -113,7 +113,7 @@ diagram.DrawingTool = DrawingTool.Connector; ![WPF Diagram PloyLine Drawing](Connector_images/wpf-diagram-ployline-drawing.gif) -### Free-hand drawing +### Free-Hand Drawing Diagram has support for free-hand drawing to draw anything on the diagram page independently. Free-hand drawing will be enabled by using the `DrawingTool` property and setting its value to `FreeHand`. @@ -141,13 +141,13 @@ For more information about changing drawing tool of diagram, refer to [Tools](/w Find the [Drawing tools sample](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/DrawingTools) to depict the Tools. -## Create connector +## Create Connector Connector can be created by defining the start and end points. The path to be drawn can be defined with a collection of [Segments](https://help.syncfusion.com/wpf/diagram/connector/segments/straight "Segments"). -## Create connectors through connection points +## Create Connectors Through Connection Points -The connector can be created by defining the source and target point of the connection. The [`SourcePoint`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_SourcePoint) and [`TargetPoint`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_TargetPoint) properties, which are `Point` type allows you to set or get the start and end points of a connection. +The Connector can be created by defining the source and target point of the connection. The [`SourcePoint`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_SourcePoint) and [`TargetPoint`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_TargetPoint) properties, which are `Point` type allows you to set or get the start and end points of a connection. {% tabs %} {% highlight xaml %} @@ -188,9 +188,9 @@ ConnectorViewModel simpleConnector = new ConnectorViewModel() ![WPF Diagram Connectors through Connection Points](Connector_images/wpf-diagram-connectors-through-connection-points.png) -## Create connection between nodes +## Create Connection Between Nodes -The connector can be created between nodes to display the relationship between them. The [`SourceNode`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_SourceNode)/[`SourceNodeID`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_SourceNodeID) and [`TargetNode`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_TargetNode)/[`TargetNodeID`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_TargetNodeID) properties allows you to represent the nodes to be connected. +The Connector can be created between nodes to display the relationship between them. The [`SourceNode`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_SourceNode)/[`SourceNodeID`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_SourceNodeID) and [`TargetNode`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_TargetNode)/[`TargetNodeID`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_TargetNodeID) properties allows you to represent the nodes to be connected. {% tabs %} {% highlight xaml %} @@ -268,7 +268,7 @@ ConnectorViewModel nodeToNodeConnection = new ConnectorViewModel() ![WPF Diagram Connection Between Nodes](Connector_images/wpf-diagram-connection-between-nodes.PNG) -## Connections with ports +## Connections with Ports By default, connections are created at the intersecting point of segments and node bounds. The connection between any specific point of source and target nodes can be achieved with ports. @@ -405,15 +405,15 @@ For more details about Ports, refer to [Port](https://help.syncfusion.com/wpf/di Find the [Connector creation sample](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Connector/Create%20Connector) to depict the connector creation. -## Draw connectors +## Draw Connectors Connectors can be interactively drawn by clicking and dragging on the diagram surface by using the drawing tool. For more information about drawing connectors, refer to [Drawing Tools](/wpf/diagram/tools#drawing-tools:connectors "Drawing Tools"). -## Connectors through data source +## Connectors through 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 +## Add Connectors From Stencil Connectors can be predefined and added to the stencil. You can drop those connectors into the diagram, when required. From fa54277f37c08f9210eabbfb969658ca417c6eb6 Mon Sep 17 00:00:00 2001 From: Satish Raj <154953536+satishraj-sf4377@users.noreply.github.com> Date: Wed, 12 Jun 2024 15:16:10 +0530 Subject: [PATCH 3/4] Revert "WPF-889895-Corrected the Grammar Mistakes" This reverts commit 93826ae6361bc3e6e4e501990acd780cf87eff0f. --- wpf/Diagram/Connector/DefineConnector.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/wpf/Diagram/Connector/DefineConnector.md b/wpf/Diagram/Connector/DefineConnector.md index 60f3882d1d..e7a1b93936 100644 --- a/wpf/Diagram/Connector/DefineConnector.md +++ b/wpf/Diagram/Connector/DefineConnector.md @@ -409,7 +409,7 @@ Find the [Connector creation sample](https://github.com/SyncfusionExamples/WPF-D Connectors can be interactively drawn by clicking and dragging on the diagram surface by using the drawing tool. For more information about drawing connectors, refer to [Drawing Tools](/wpf/diagram/tools#drawing-tools:connectors "Drawing Tools"). -## Connectors through DataSource +## 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 [DataSource](/wpf/diagram/datasource "DataSource"). From 6c426fe64641fb2f8b37a73c3a6bb9b96cd4189e Mon Sep 17 00:00:00 2001 From: Satish Raj <154953536+satishraj-sf4377@users.noreply.github.com> Date: Wed, 12 Jun 2024 15:18:30 +0530 Subject: [PATCH 4/4] Revert "WPF-889895-Corrected the Grammar Mistakes" This reverts commit 93826ae6361bc3e6e4e501990acd780cf87eff0f. --- wpf/Diagram/Connector/DefineConnector.md | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/wpf/Diagram/Connector/DefineConnector.md b/wpf/Diagram/Connector/DefineConnector.md index e7a1b93936..21a7e3a576 100644 --- a/wpf/Diagram/Connector/DefineConnector.md +++ b/wpf/Diagram/Connector/DefineConnector.md @@ -13,7 +13,7 @@ Connectors are objects used to create link between two points or nodes to indica ![WPF Diagram Point to Point Connection](Connector_images/wpf-diagram-point-to-point-connection.PNG) -## Connector Types +## Connector types Diagram supports to create five types of connectors. They are: @@ -84,7 +84,7 @@ ConnectorViewModel simpleConnector = new ConnectorViewModel() ![WPF Diagram Connector Types](Connector_images/wpf-diagram-connector-types.PNg) -### How to Draw Polyline +### How to draw polyline Polyline is a continuous line of a segment or a continuous line composed of more line segments. When you click the diagram page, a line will be drawn, and then new segments will be kept on added for every click on page. Line drawing will be stopped when double-click the page. This polyline will be drawn using the [`Tool`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_Tool), [`DrawingTool`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_DrawingTool), and `DefaultConnectorType` properties. @@ -113,7 +113,7 @@ diagram.DrawingTool = DrawingTool.Connector; ![WPF Diagram PloyLine Drawing](Connector_images/wpf-diagram-ployline-drawing.gif) -### Free-Hand Drawing +### Free-hand drawing Diagram has support for free-hand drawing to draw anything on the diagram page independently. Free-hand drawing will be enabled by using the `DrawingTool` property and setting its value to `FreeHand`. @@ -141,13 +141,13 @@ For more information about changing drawing tool of diagram, refer to [Tools](/w Find the [Drawing tools sample](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/DrawingTools) to depict the Tools. -## Create Connector +## Create connector Connector can be created by defining the start and end points. The path to be drawn can be defined with a collection of [Segments](https://help.syncfusion.com/wpf/diagram/connector/segments/straight "Segments"). -## Create Connectors Through Connection Points +## Create connectors through connection points -The Connector can be created by defining the source and target point of the connection. The [`SourcePoint`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_SourcePoint) and [`TargetPoint`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_TargetPoint) properties, which are `Point` type allows you to set or get the start and end points of a connection. +The connector can be created by defining the source and target point of the connection. The [`SourcePoint`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_SourcePoint) and [`TargetPoint`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_TargetPoint) properties, which are `Point` type allows you to set or get the start and end points of a connection. {% tabs %} {% highlight xaml %} @@ -188,9 +188,9 @@ ConnectorViewModel simpleConnector = new ConnectorViewModel() ![WPF Diagram Connectors through Connection Points](Connector_images/wpf-diagram-connectors-through-connection-points.png) -## Create Connection Between Nodes +## Create connection between nodes -The Connector can be created between nodes to display the relationship between them. The [`SourceNode`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_SourceNode)/[`SourceNodeID`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_SourceNodeID) and [`TargetNode`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_TargetNode)/[`TargetNodeID`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_TargetNodeID) properties allows you to represent the nodes to be connected. +The connector can be created between nodes to display the relationship between them. The [`SourceNode`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_SourceNode)/[`SourceNodeID`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_SourceNodeID) and [`TargetNode`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_TargetNode)/[`TargetNodeID`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html#Syncfusion_UI_Xaml_Diagram_ConnectorViewModel_TargetNodeID) properties allows you to represent the nodes to be connected. {% tabs %} {% highlight xaml %} @@ -268,7 +268,7 @@ ConnectorViewModel nodeToNodeConnection = new ConnectorViewModel() ![WPF Diagram Connection Between Nodes](Connector_images/wpf-diagram-connection-between-nodes.PNG) -## Connections with Ports +## Connections with ports By default, connections are created at the intersecting point of segments and node bounds. The connection between any specific point of source and target nodes can be achieved with ports. @@ -405,7 +405,7 @@ For more details about Ports, refer to [Port](https://help.syncfusion.com/wpf/di Find the [Connector creation sample](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Connector/Create%20Connector) to depict the connector creation. -## Draw Connectors +## Draw connectors Connectors can be interactively drawn by clicking and dragging on the diagram surface by using the drawing tool. For more information about drawing connectors, refer to [Drawing Tools](/wpf/diagram/tools#drawing-tools:connectors "Drawing Tools"). @@ -413,7 +413,7 @@ Connectors can be interactively drawn by clicking and dragging on the diagram su 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 +## Add connectors from stencil Connectors can be predefined and added to the stencil. You can drop those connectors into the diagram, when required.