Skip to content

WPF-889895-Added XAML code for BPMN Text Annotation examples and updated the gif #1334

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jun 21, 2024
Merged

WPF-889895-Added XAML code for BPMN Text Annotation examples and updated the gif #1334

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
a554e07
WPF-889895-Added xaml code for TextAnnotation examples and Updated th…
satishraj-sf4377 Jun 10, 2024
d59024c
WPF-889895-Updated the Gif
satishraj-sf4377 Jun 20, 2024
36e1342
WPF-889895-Higihlighted the properties
satishraj-sf4377 Jun 20, 2024
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
6 changes: 3 additions & 3 deletions wpf/Diagram/BPMN-Shapes/BPMN-Activity.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -219,7 +219,7 @@ The following table contains various types of BPMN loops.

### Compensation

Compensation is triggered when the operation is partially failed and enabled it with the compensation property in both task and the collapsed subprocess. To create a compensation, you have to enable the [IsCompensationActivity](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsCompensationActivity) property of the BpmnNodeViewModel. By default, the IsCompensationActivity property is false.
Compensation is triggered when the operation is partially failed and enabled it with the compensation property in both task and the collapsed subprocess. To create a compensation, you have to enable the [`IsCompensationActivity`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsCompensationActivity) property of the BpmnNodeViewModel. By default, the `IsCompensationActivity` property is false.


{% tabs %}
Expand Down Expand Up @@ -265,7 +265,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()

### Call

A Call activity is a global sub-process that is reused at various points of the business flow. To create a Call activity, you have to enable the [IsCallActivity](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsCallActivity) property of the BpmnNodeViewModel. By default, the IsCallActivity property is false.
A Call activity is a global sub-process that is reused at various points of the business flow. To create a Call activity, you have to enable the [`IsCallActivity`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsCallActivity) property of the BpmnNodeViewModel. By default, the `IsCallActivity` property is false.

{% tabs %}
{% highlight xaml %}
Expand Down Expand Up @@ -310,7 +310,7 @@ BpmnNodeViewModel node = new BpmnNodeViewModel()

### Ad-Hoc

An ad-hoc subprocess is a group of tasks that are executed in any order or skipped in order to fulfill the end condition. To create a ad-hoc activity, you have to enable the [`IsAdhocActivity`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsAdhocActivity) property of the BpmnNodeViewModel. By default, the IsAdhocActivity property is false.
An ad-hoc subprocess is a group of tasks that are executed in any order or skipped in order to fulfill the end condition. To create a ad-hoc activity, you have to enable the [`IsAdhocActivity`](https://help.syncfusion.com/cr/wpf/Syncfusion.UI.Xaml.Diagram.BpmnNodeViewModel.html#Syncfusion_UI_Xaml_Diagram_BpmnNodeViewModel_IsAdhocActivity) property of the BpmnNodeViewModel. By default, the `IsAdhocActivity` property is false.


{% tabs %}
Expand Down
Binary file modified wpf/Diagram/BPMN-Shapes/BPMN-Shapes-Images/textannotationbpmn.gif
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
58 changes: 58 additions & 0 deletions wpf/Diagram/BPMN-Shapes/BPMN-TextAnnotation.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,34 @@ documentation: ug
The following code example represents how to create a Text Annotation.

{% tabs %}
{% highlight xaml %}

<!-- Initialize the SfDiagram control -->
<syncfusion:SfDiagram x:Name="diagram">
<!-- Define the Nodes collection within the SfDiagram -->
<syncfusion:SfDiagram.Nodes>
<syncfusion:NodeCollection>
<!-- Define a BpmnNodeViewModel with properties set as required -->
<syncfusion:BpmnNodeViewModel OffsetX="300" OffsetY="100" UnitWidth="100" UnitHeight="70"
Type="TextAnnotation" TextAnnotationDirection="Left">
<!-- Define the Annotations for the BpmnNodeViewModel -->
<syncfusion:BpmnNodeViewModel.Annotations>
<syncfusion:AnnotationCollection>
<!-- Add an AnnotationEditorViewModel with the specified content -->
<syncfusion:AnnotationEditorViewModel Content="Text"/>
</syncfusion:AnnotationCollection>
</syncfusion:BpmnNodeViewModel.Annotations>
</syncfusion:BpmnNodeViewModel>
</syncfusion:NodeCollection>
</syncfusion:SfDiagram.Nodes>
<!-- Define the Connectors collection within the SfDiagram -->
<syncfusion:SfDiagram.Connectors>
<syncfusion:ConnectorCollection/>
</syncfusion:SfDiagram.Connectors>
</syncfusion:SfDiagram>

{% endhighlight %}

{% highlight c# %}

//Initialize the diagram.
Expand Down Expand Up @@ -60,6 +88,36 @@ BpmnNodeViewModel textannotation = new BpmnNodeViewModel()
The following code example represents how to create a Text Annotation and make a connection between the `Activity` and `TextAnnotation` shape.

{% tabs %}
{% highlight xaml %}

<!-- Initialize the SfDiagram control -->
<syncfusion:SfDiagram x:Name="diagram">
<!-- Define the Nodes collection within the SfDiagram -->
<syncfusion:SfDiagram.Nodes>
<syncfusion:NodeCollection>
<!-- Define the BpmnNodeViewModel with properties set as required -->
<syncfusion:BpmnNodeViewModel x:Name="Node" OffsetX="150" OffsetY="250" UnitWidth="100" UnitHeight="100"
Type="Activity"/>
<!-- Define the TextAnnotation BpmnNodeViewModel and set the TextAnnotationTarget property from the code-behind -->
<syncfusion:BpmnNodeViewModel x:Name="TextAnnotationNode" OffsetX="300" OffsetY="100" UnitWidth="100" UnitHeight="70"
Type="TextAnnotation">
<!-- Define the Annotations for the BpmnNodeViewModel -->
<syncfusion:BpmnNodeViewModel.Annotations>
<syncfusion:AnnotationCollection>
<!-- Add an AnnotationEditorViewModel with the specified content -->
<syncfusion:AnnotationEditorViewModel Content="Text"/>
</syncfusion:AnnotationCollection>
</syncfusion:BpmnNodeViewModel.Annotations>
</syncfusion:BpmnNodeViewModel>
</syncfusion:NodeCollection>
</syncfusion:SfDiagram.Nodes>
<!-- Define the Connectors collection within the SfDiagram -->
<syncfusion:SfDiagram.Connectors>
<syncfusion:ConnectorCollection/>
</syncfusion:SfDiagram.Connectors>
</syncfusion:SfDiagram>

{% endhighlight %}
{% highlight c# %}

//Initialize the diagram.
Expand Down