Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion Samples/Animation/README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
# How to disable the animation while creating a connection in WPF Diagram (SfDiagram)?

[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) (SfDiagram) supports animation will be shown while creating a connection by default. This animation can be disabled by overriding the RunTimeConnectionIndicator template.
[WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram) (SfDiagram) supports animation will be shown while creating a connection by default. This animation can be disabled by overriding the RunTimeConnectionIndicator template.

KB article - [How to disable the animation while creating a connection in WPF Diagram (SfDiagram)?](https://www.syncfusion.com/kb/9470/how-to-disable-the-animation-while-creating-a-connection-in-wpf-diagram-sfdiagram)
2 changes: 1 addition & 1 deletion Samples/Annotations/AnnotationSelection/README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Annotations Selection sample

This sample demonstrates how to select annotations for nodes and connectors in a diagram. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrates how to select annotations for nodes and connectors in a diagram. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/annotation/defineannotation

Expand Down
2 changes: 1 addition & 1 deletion Samples/Annotations/AnnotationVisibilityWPF/README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Annotation Visibility sample

This sample demonstrates annotations creation, appearance customization , interactions of diagram. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrates annotations creation, appearance customization , interactions of diagram. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/annotation/defineannotation

Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Annotation Visibility sample

This sample demonstrates how to cancel the annotation editing using "Enter" key. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrates how to cancel the annotation editing using "Enter" key. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/annotation/defineannotation

Expand Down
2 changes: 1 addition & 1 deletion Samples/Annotations/HighlightNodeAndAnnotation/README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Annotation Visibility sample

This sample demonstrates how to highlight a node when selecting an annotation, and vice versa. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrates how to highlight a node when selecting an annotation, and vice versa. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/annotation/defineannotation

Expand Down
2 changes: 1 addition & 1 deletion Samples/Annotations/README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Annotations sample

This sample demonstrates annotations creation, appearance customization , interactions of diagram. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrates annotations creation, appearance customization , interactions of diagram. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/annotation/defineannotation

Expand Down
2 changes: 1 addition & 1 deletion Samples/Automatic Layout/Custom DataSource/README.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# Custom Data Source Sample
This sample demonstrate How to create a Custom layout.

[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) (SfDiagram) can be populated with the [nodes](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.NodeViewModel.html) and [connectors](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html) based on the information provided from an external data source. The [DataSource](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.DataSourceSettings~DataSource.html) property is used to define the data source either as a collection of any business objects or collection of Nodes. Here, diagram is generated as layout with DataSource as NodeViewModel.
[WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram) (SfDiagram) can be populated with the [nodes](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.NodeViewModel.html) and [connectors](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html) based on the information provided from an external data source. The [DataSource](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.DataSourceSettings~DataSource.html) property is used to define the data source either as a collection of any business objects or collection of Nodes. Here, diagram is generated as layout with DataSource as NodeViewModel.

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/automatic-layouts#hierarchical-tree-layout

Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
# Visualize a Custom Graph Layout Using Microsoft Automatic Graph Layout Engine in WPF Diagram
[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) has some built-in [automatic layouts](https://help.syncfusion.com/wpf/sfdiagram/automatic-layouts) to arrange nodes based on their relationships. Currently, we have three standard layouts [hierarchical tree layout](https://help.syncfusion.com/wpf/sfdiagram/automatic-layouts#hierarchical-tree-layout), [radial tree layout](https://help.syncfusion.com/wpf/sfdiagram/automatic-layouts#hierarchical-tree-layout), and [organizational layout](https://help.syncfusion.com/wpf/sfdiagram/automatic-layouts#organization-layout). If these layouts are not enough, you can use any other third-party or open-source layout engine for arrangements and you can use diagram’s visualization and other cool features. [Microsoft Automatic Graph Layout (MSAGL)](https://www.microsoft.com/en-us/research/project/microsoft-automatic-graph-layout/) has advanced layouts in its layout engine. In this blog, we’ll see how to use this layout engine and visualize a layout using WPF diagram control. Following are some sample graphs rendered using the MSAGL layout engine.
[WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram) has some built-in [automatic layouts](https://help.syncfusion.com/wpf/sfdiagram/automatic-layouts) to arrange nodes based on their relationships. Currently, we have three standard layouts [hierarchical tree layout](https://help.syncfusion.com/wpf/sfdiagram/automatic-layouts#hierarchical-tree-layout), [radial tree layout](https://help.syncfusion.com/wpf/sfdiagram/automatic-layouts#hierarchical-tree-layout), and [organizational layout](https://help.syncfusion.com/wpf/sfdiagram/automatic-layouts#organization-layout). If these layouts are not enough, you can use any other third-party or open-source layout engine for arrangements and you can use diagram’s visualization and other cool features. [Microsoft Automatic Graph Layout (MSAGL)](https://www.microsoft.com/en-us/research/project/microsoft-automatic-graph-layout/) has advanced layouts in its layout engine. In this blog, we’ll see how to use this layout engine and visualize a layout using WPF diagram control. Following are some sample graphs rendered using the MSAGL layout engine.

![](https://blog.syncfusion.com/wp-content/uploads/2018/08/image-238.png)

Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# Hierarchical Tree with datasource as nodeviewmodel sample
This sample demonstrate How to generate Layout with DataSource as NodeViewModel instead of business object class.

[WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) (SfDiagram) can be populated with the [nodes](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.NodeViewModel.html) and [connectors](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html) based on the information provided from an external data source. The [DataSource](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.DataSourceSettings~DataSource.html) property is used to define the data source either as a collection of any business objects or collection of Nodes. Here, diagram is generated as layout with DataSource as NodeViewModel.
[WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram) (SfDiagram) can be populated with the [nodes](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.NodeViewModel.html) and [connectors](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html) based on the information provided from an external data source. The [DataSource](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.DataSourceSettings~DataSource.html) property is used to define the data source either as a collection of any business objects or collection of Nodes. Here, diagram is generated as layout with DataSource as NodeViewModel.

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/automatic-layouts#hierarchical-tree-layout

Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
# Hierarchical Tree sample
This sample demonstrate how to do Expand/Collapse in MultiParent Layout using SfDiagram. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrate how to do Expand/Collapse in MultiParent Layout using SfDiagram. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/datasource#layout-with-multiple-parents

Expand Down
2 changes: 1 addition & 1 deletion Samples/Automatic Layout/Flowchart Layout/README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
# Flowchart Layout sample
This sample demonstrate how to create a simple Flowchart Layout using SfDiagram. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrate how to create a simple Flowchart Layout using SfDiagram. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/automatic-layouts#flowchart-layout

Expand Down
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
# Force Directed Tree Layout sample
This sample demonstrate how to create a simple Force Directed Tree Layout using [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) (SfDiagram).
This sample demonstrate how to create a simple Force Directed Tree Layout using [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram) (SfDiagram).

A force-directed layout algorithm uses a physics simulation (virtual spring-like forces and electrical repulsion) to arrange nodes in a graph. This approach automatically positions nodes to minimize edge crossings and visual clutter, making complex relationships easier to understand.

Expand Down
2 changes: 1 addition & 1 deletion Samples/Automatic Layout/Hierarchical Tree/README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
# Hierarchical Tree sample
This sample demonstrate how to create a simple Hierarchical tree Layout using SfDiagram. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrate how to create a simple Hierarchical tree Layout using SfDiagram. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/automatic-layouts#hierarchical-tree-layout

Expand Down
2 changes: 1 addition & 1 deletion Samples/Automatic Layout/LayoutWithOutDataSource/README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
# Hierarchical Tree sample
This sample demonstrate how to create a simple Hierarchical tree Layout in SfDiagram by using Nodes and Connectors collection. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrate how to create a simple Hierarchical tree Layout in SfDiagram by using Nodes and Connectors collection. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/automatic-layouts#hierarchical-tree-layout

Expand Down
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# Organization chart with drag drop from stencil sample
This sample demonstrate the automatic arrangements of the nodes to create oraganization chart by dragging and droppings nodes from stencil.

The [ItemDropEvent](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.IGraphInfo~ItemDropEvent_EV.html) is triggered when the [Node](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.NodeViewModel.html) or [Connector](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html) is dragged and dropped to another once the [AllowDrop](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.NodeConstraints.html) Constraints is enabled for Node or Connector in [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) (SfDiagram). Here, you get the source of the argument as drag item and Target as dropped items (List of items). This event helps us to reposition the nodes and relationship.
The [ItemDropEvent](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.IGraphInfo~ItemDropEvent_EV.html) is triggered when the [Node](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.NodeViewModel.html) or [Connector](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.ConnectorViewModel.html) is dragged and dropped to another once the [AllowDrop](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.NodeConstraints.html) Constraints is enabled for Node or Connector in [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram) (SfDiagram). Here, you get the source of the argument as drag item and Target as dropped items (List of items). This event helps us to reposition the nodes and relationship.

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/automatic-layouts#how-to-create-a-parent---child-relation-with-dropped-nodes-from-stencil

Expand Down
4 changes: 2 additions & 2 deletions Samples/Automatic Layout/Organization Chart/README.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# Organization Chart sample
This sample demonstrate how to create a simple Organization Chart Layout using [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) (SfDiagram).
This sample demonstrate how to create a simple Organization Chart Layout using [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram) (SfDiagram).

A node can be specified as an assistant of its parent by adding it to the [Assistants](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.LayoutInfoArgs~Assistants.html) property of the [LayoutInfoArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.LayoutInfoArgs.html) class argument in the [GetLayoutInfo](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.IGraphInfo~GetLayoutInfo_EV.html) event of [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram) (SfDiagram).
A node can be specified as an assistant of its parent by adding it to the [Assistants](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.LayoutInfoArgs~Assistants.html) property of the [LayoutInfoArgs](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.LayoutInfoArgs.html) class argument in the [GetLayoutInfo](https://help.syncfusion.com/cr/wpf/Syncfusion.SfDiagram.WPF~Syncfusion.UI.Xaml.Diagram.IGraphInfo~GetLayoutInfo_EV.html) event of [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram) (SfDiagram).

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/automatic-layouts#organization-layout

Expand Down
2 changes: 1 addition & 1 deletion Samples/Automatic Layout/Radial Tree/README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
# Radial Tree sample
This sample demonstrate how to create a simple Radial Tree Layout using SfDiagram. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrate how to create a simple Radial Tree Layout using SfDiagram. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/automatic-layouts#radial-tree-layout

Expand Down
2 changes: 1 addition & 1 deletion Samples/BPMNEditor/README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# BPMN Editor sample

This sample demonstrate how to create and edit the BPMN Editor. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrate how to create and edit the BPMN Editor. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

## Project pre-requisites
To run this application, you need to have the below two in your system
Expand Down
2 changes: 1 addition & 1 deletion Samples/Collision State/README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
# Hierarchical Tree sample
This sample demonstrate how to arrange diagram elements in proper position by adjusting node's position. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrate how to arrange diagram elements in proper position by adjusting node's position. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/collision-state

Expand Down
2 changes: 1 addition & 1 deletion Samples/Commands/Alignment Commands/README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
# Alignment commands sample
This sample demonstrate the usage of Alignment commands in SfDiagam control. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrate the usage of Alignment commands in SfDiagam control. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/commands#alignment

Expand Down
2 changes: 1 addition & 1 deletion Samples/Commands/CTRL+DragDuplicationDisable/README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
# Disabling ctrl + drag duplication behaviour in sample
This sample demonstrate how to disable the ctrl+drag duplication behaviour in sample. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrate how to disable the ctrl+drag duplication behaviour in sample. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/commands#selecttool

Expand Down
2 changes: 1 addition & 1 deletion Samples/Commands/Clipboard commands/README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
# Clipboard commands sample
This sample demonstrate the usage of Clipboard commands in SfDiagam control. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/wpf-controls/diagram)
This sample demonstrate the usage of Clipboard commands in SfDiagam control. Explore more details about the WPF Diagram control refer to the following URL : [WPF Diagram](https://www.syncfusion.com/diagram-sdk/wpf-diagram)

__*Documentation*__: https://help.syncfusion.com/wpf/diagram/commands#clipboard
## Project pre-requisites
Expand Down
Loading
Loading