Skip to content

Commit 4f9b311

Browse files
Merge pull request #1723 from Syncfusion-Content/development
DOCINFRA-2341_merged_using_automation
2 parents 68344c3 + ea58fbe commit 4f9b311

File tree

2 files changed

+23
-23
lines changed

2 files changed

+23
-23
lines changed

wpf/Diagram/Serialization.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -181,7 +181,7 @@ using (Stream myStream = dialog.OpenFile())
181181

182182
## Importing and Exporting using Mermaid Syntax
183183

184-
The [SfDiagram](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html) supports saving diagrams in Mermaid syntax format. Mermaid is a Markdown-inspired syntax that automatically generates diagrams. With this functionality, you can easily create mind maps, flowcharts and sequence diagrams from Mermaid syntax data, simplifying the visualization of complex ideas and processes without manual drawing. Additionally, you can export your mind maps and flowcharts to Mermaid syntax, allowing for easy sharing, editing, and use across different platforms.
184+
The [SfDiagram](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html) supports saving diagrams in Mermaid syntax format. Mermaid is a Markdown-inspired syntax that automatically generates diagrams. With this functionality, you can easily create mind maps, flowcharts and sequence diagrams from Mermaid syntax data, simplifying the visualization of complex ideas and processes without manual drawing. Additionally, you can export your mind maps, flowcharts and sequence diagrams to Mermaid syntax, allowing for easy sharing, editing, and use across different platforms.
185185

186186
### Save diagram as Mermaid syntax
187187

wpf/Diagram/UML_Sequence_Diagram/Sequence-Diagram.md

Lines changed: 22 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -9,15 +9,15 @@ documentation: ug
99

1010
# Sequence Diagram Model in WPF Diagram (SfDiagram)
1111

12-
A sequence diagram is an interaction diagram that demonstrates how objects interact with each other and the order of these interactions. The SfDiagram control provides comprehensive support for creating and visualizing UML sequence diagrams through the `UMLSequenceDiagramModel` class.
12+
A sequence diagram is an interaction diagram that demonstrates how objects interact with each other and the order of these interactions. The `SfDiagram` control provides comprehensive support for creating and visualizing UML sequence diagrams through the [UMLSequenceDiagramModel](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceDiagramModel.html) class. You need to assign the `UMLSequenceDiagramModel` to the [Model](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.SfDiagram.html#Syncfusion_UI_Xaml_Diagram_SfDiagram_Model) property of the `SfDiagram` control to enable this functionality.
1313

1414
## Sequence Diagram Elements
1515

16-
A sequence diagram consists of several key elements: participants, messages, activation boxes, and fragments. Let's explore each of these in detail.
16+
A sequence diagram contain several key elements, such as participants, messages, activation boxes, and fragments. Let's discuss how to implement these components using the `SfDiagram` control.
1717

1818
### Participants
1919

20-
Participants in a sequence diagram represent the entities that interact with each other, appearing at the top of the diagram with lifelines extending vertically downward.
20+
[UMLSequenceParticipant](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceParticipant.html) in a sequence diagram represent the entities that interact with each other, appearing at the top of the diagram with lifelines extending vertically downward.
2121

2222
#### Creating Participants
2323

@@ -81,7 +81,7 @@ Diagram.Model = new UMLSequenceDiagramModel()
8181

8282
![ParticipantsExample](UML_SequenceDiagram_Images\ParticipantsExample.png)
8383

84-
#### Participant Properties
84+
#### UMLSequenceParticipant Properties
8585

8686
| Property | Type | Description |
8787
|---|---|---|
@@ -93,20 +93,20 @@ Diagram.Model = new UMLSequenceDiagramModel()
9393

9494
### Messages
9595

96-
Messages represent communication between participants and are displayed as arrows connecting lifelines.
96+
[UMLSequenceMessage](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceMessage.html) represent communication between participants and are displayed as arrows connecting lifelines.
9797

9898
#### Types of Messages
9999

100-
The `UMLSequenceMessageType` enum defines the following message types:
100+
The [UMLSequenceMessageType](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceMessageType.html) enum defines the following message types:
101101

102102
| Message Type | Description | Example |
103103
|---|---|---|
104104
| Synchronous | The sender waits for a response | ![Synchronous Message](UML_SequenceDiagram_Images\Synchronous.png) |
105105
| Asynchronous | The sender continues without waiting | ![Asynchronous Message](UML_SequenceDiagram_Images\Asynchronous.png) |
106106
| Reply | A response to a previous message | ![Reply Message](UML_SequenceDiagram_Images\Reply.png) |
107107
| Create | Creates a new participant | ![Create Message](UML_SequenceDiagram_Images\Create.png) |
108-
| Delete | Terminates a participant | ![Delete Message](UML_SequenceDiagram_Images\Delete.png)) |
109-
| Self | A message from a participant to itself | ![Self Message](UML_SequenceDiagram_Images\Self.png) | |
108+
| Delete | Terminates a participant | ![Delete Message](UML_SequenceDiagram_Images\Delete.png) |
109+
| Self | A message from a participant to itself | ![Self Message](UML_SequenceDiagram_Images\Self.png) |
110110

111111
#### Creating Messages
112112

@@ -288,7 +288,7 @@ SfDiagram Diagram = new SfDiagram();
288288

289289
![Message Example](UML_SequenceDiagram_Images\MessagesExample.png)
290290

291-
#### Message Properties
291+
#### UMLSequenceMessage Properties
292292

293293
| Property | Type | Description |
294294
|---|---|---|
@@ -300,7 +300,7 @@ SfDiagram Diagram = new SfDiagram();
300300

301301
### Activation Boxes
302302

303-
Activation boxes represent periods when a participant is active and processing a message. They appear as thin rectangles on participant lifelines.
303+
[UMLSequenceActivationBox](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceActivationBox.html) represent periods when a participant is active and processing a message. They appear as thin rectangles on participant lifelines.
304304

305305
#### Creating Activation Boxes
306306

@@ -415,7 +415,7 @@ Diagram.Model = new UMLSequenceDiagramModel()
415415

416416
![Activations Example](UML_SequenceDiagram_Images\ActivationsExample.png)
417417

418-
#### Activation Box Properties
418+
#### UMLSequenceActivationBox Properties
419419

420420
| Property | Type | Description |
421421
|---|---|---|
@@ -425,23 +425,21 @@ Diagram.Model = new UMLSequenceDiagramModel()
425425

426426
### Fragments
427427

428-
Fragments group a set of messages based on specific conditions in a sequence diagram. They are displayed as rectangular enclosures that visually separate conditional or looping interactions.
428+
[UMLSequenceFragment](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceFragment.html) groups a set of messages based on specific conditions in a sequence diagram. They are displayed as rectangular enclosures that visually separate conditional or looping interactions.
429429

430430
#### Types of Fragments
431431

432-
The `UMLSequenceFragmentType` enum defines the following fragment types:
432+
The [UMLSequenceFragmentType](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceFragmentType.html) enum defines the following fragment types:
433433

434-
Here is the updated table with precise descriptions and correct usage:
435-
436-
| Fragment Type | Description | Usage |
434+
| Fragment Type | Description | Example |
437435
|---------------|-------------|--------|
438436
| Optional | Represents a sequence that is executed only if a specified condition is met; otherwise, it is skipped. | ![Optional Fragment](UML_SequenceDiagram_Images\OptFragment.png) |
439437
| Alternative | Represents multiple conditional paths (if-else structure), where only one path executes based on the condition. | ![Alternative Fragment](UML_SequenceDiagram_Images\AltFragment.png) |
440438
| Loop | Represents a repeating sequence of interactions that continues based on a loop condition. | ![Loop Fragment](UML_SequenceDiagram_Images\LoopFragment.png) |
441439

442440
#### Creating Fragments
443441

444-
To create fragments in your sequence diagram:
442+
To create fragments in your sequence diagram, you will need to use the `UMLSequenceFragment` to define fragments and the [UMLSequenceFragmentCondition](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceFragmentCondition.html) to specify each condition block within those fragments.
445443

446444
{% tabs %}
447445
{% highlight xaml %}
@@ -681,15 +679,15 @@ Diagram.Model = new UMLSequenceDiagramModel()
681679

682680
![Fragment Example](UML_SequenceDiagram_Images\FragmentsExample.png)
683681

684-
#### Fragment Properties
682+
#### UMLSequenceFragment Properties
685683

686684
| Property | Type | Description |
687685
|---|---|---|
688686
| ID | object | A unique identifier for the fragment |
689687
| Type | UMLSequenceFragmentType | Type of the fragment (Optional, Loop, Alternative) |
690688
| Conditions | IEnumerable\<UMLSequenceFragmentCondition\> | Collection of conditions for the fragment |
691689

692-
#### Fragment Condition Properties
690+
#### UMLSequenceFragmentCondition Properties
693691

694692
| Property | Type | Description |
695693
|---|---|---|
@@ -699,11 +697,10 @@ Diagram.Model = new UMLSequenceDiagramModel()
699697

700698
### Customizing Participant Spacing in Sequence Diagram
701699

702-
The `SpaceBetweenParticipants` property in `UMLSequenceDiagramModel` controls the horizontal gap between participants. The default value is 100, but you can adjust it as needed.
700+
The [SpaceBetweenParticipants](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.UMLSequenceDiagramModel.html#Syncfusion_UI_Xaml_Diagram_UMLSequenceDiagramModel_SpaceBetweenParticipants) property in `UMLSequenceDiagramModel` controls the horizontal gap between participants. The default value is 100, but you can adjust it as needed.
703701

704702
{% tabs %}
705703
{% highlight xaml %}
706-
{% endhighlight %}
707704
<syncfusion:SfDiagram x:Name="Diagram">
708705
<syncfusion:SfDiagram.Model>
709706
<syncfusion:UMLSequenceDiagramModel SpaceBetweenParticipants="300">
@@ -725,6 +722,7 @@ The `SpaceBetweenParticipants` property in `UMLSequenceDiagramModel` controls th
725722
</syncfusion:UMLSequenceDiagramModel>
726723
</syncfusion:SfDiagram.Model>
727724
</syncfusion:SfDiagram>
725+
{% endhighlight %}
728726
{% highlight c# %}
729727
// Intialize Diagram
730728
SfDiagram Diagram = new SfDiagram();
@@ -740,4 +738,6 @@ Diagram.Model = new UMLSequenceDiagramModel()
740738
{% endhighlight %}
741739
{% endtabs %}
742740

743-
[View Sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Sequence%20Diagram)
741+
[View Sample in GitHub](https://github.com/SyncfusionExamples/WPF-Diagram-Examples/tree/master/Samples/Sequence%20Diagram)
742+
743+

0 commit comments

Comments
 (0)