syncfusion-content · ParameshwaranSF4845 · Jun 26, 2025 · Jun 26, 2025 · Jun 26, 2025 · Jun 26, 2025
diff --git a/blazor/barcode/barcodeGenerator.md b/blazor/barcode/barcodeGenerator.md
@@ -206,3 +206,8 @@ The below code explains how to set the EnableCheckSum property to hide the extra
     }
 }
 ```
+## See also
+
+* [How to generate a QR Code in (2FA) Application in Blazor Diagram?](https://support.syncfusion.com/kb/article/16295/how-to-generate-a-qr-code-in-2fa-application-in-blazor-diagram)
+
+* [How to create a simple BarcodeGenerator and QRCodeGenerator sample in a .NET 8 Blazor Web App using interactive render mode as a server?](https://support.syncfusion.com/kb/article/17284/how-to-create-a-simple-barcodegenerator-and-qrcodegenerator-sample-in-a-net-8-blazor-web-app-using-interactive-render-mode-as-a-server)
diff --git a/blazor/barcode/getting-started.md b/blazor/barcode/getting-started.md
@@ -188,4 +188,4 @@ N> You can also explore our [Blazor Barcode Generator example](https://blazor.sy
 ## See also
 
 * [Getting Started with Syncfusion Blazor Web Assembly App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-webassembly-app)
-* [Getting Started with Syncfusion Blazor Web App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app)
+* [Getting Started with Syncfusion Blazor Web App in Visual Studio or .NET CLI](https://blazor.syncfusion.com/documentation/getting-started/blazor-web-app)
diff --git a/blazor/barcode/qrcodegenerator.md b/blazor/barcode/qrcodegenerator.md
@@ -144,3 +144,6 @@ The size of the logo can be changed using the [Height](https://help.syncfusion.c
 }
 
 ```
+* [How can I adjust the margin of the QR code and handle text positioning when using the QRCodeGenerator in Syncfusion?](https://support.syncfusion.com/kb/article/18734/how-can-i-adjust-the-margin-of-the-qr-code-and-handle-text-positioning-when-using-the-qrcodegenerator-in-syncfusion)
+
+* [How to export the QR code in a Blazor Server project to a desired location using a memory stream?](https://support.syncfusion.com/kb/article/17216/how-to-export-the-qr-code-in-a-blazor-server-project-to-a-desired-location-using-a-memory-stream)
diff --git a/blazor/diagram/annotations/appearance.md b/blazor/diagram/annotations/appearance.md
@@ -186,9 +186,9 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 
 | TextWrapping | Description | Image |
 | -------- | -------- | -------- |
-| No Wrap | Text will not be wrapped. | ![Blazor Diagram Text without Wrap](../images/blazor-diagram-label-without-wrap.png) |
-| Wrap | Text-wrapping occurs, when the text overflows beyond the available node width. | ![Text Wrapping in Blazor Diagram](../images/blazor-diagram-text-wrapping.png) |
-| WrapWithOverflow (Default) | Text-wrapping occurs, when the text overflows beyond the available node width. However, the text may overflow beyond the node width in the case of a very long word. | ![Blazor Diagram Text Wrapping with Overflow](../images/blazor-diagram-text-wrap-with-overflow.png) |
+| [No Wrap](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.TextWrap.html#Syncfusion_Blazor_Diagram_TextWrap_NoWrap) | Text will not be wrapped. | ![Blazor Diagram Text without Wrap](../images/blazor-diagram-label-without-wrap.png) |
+| [Wrap](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.TextWrap.html#Syncfusion_Blazor_Diagram_TextWrap_Wrap) | Text-wrapping occurs, when the text overflows beyond the available node width. | ![Text Wrapping in Blazor Diagram](../images/blazor-diagram-text-wrapping.png) |
+| [WrapWithOverflow](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.TextWrap.html#Syncfusion_Blazor_Diagram_TextWrap_WrapWithOverflow) | Text-wrapping occurs, when the text overflows beyond the available node width. However, the text may overflow beyond the node width in the case of a very long word. | ![Blazor Diagram Text Wrapping with Overflow](../images/blazor-diagram-text-wrap-with-overflow.png) |
 
 ### How to Control Text Overflow
 
@@ -530,9 +530,9 @@ AnnotationConstraints may have multiple behaviors as follows:
 
 | Constraints | Usages |
 |---|---|
-| ReadOnly | Enables or disables whether the annotation to be read only or not. |
-| None | Disables all behaviors of Annotation. |
-|InheritReadOnly |Enables or disables to inherit the ReadOnly option from the parent object.|
+| [ReadOnly](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.AnnotationConstraints.html#Syncfusion_Blazor_Diagram_AnnotationConstraints_ReadOnly) | Enables or disables whether the annotation to be read only or not. |
+| [None](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.AnnotationConstraints.html#Syncfusion_Blazor_Diagram_AnnotationConstraints_None) | Disables all behaviors of Annotation. |
+|[InheritReadOnly](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.AnnotationConstraints.html#Syncfusion_Blazor_Diagram_AnnotationConstraints_InheritReadOnly) |Enables or disables to inherit the ReadOnly option from the parent object.|
 
 N> The default value is [InheritReadOnly](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.AnnotationConstraints.html#Syncfusion_Blazor_Diagram_AnnotationConstraints_InheritReadOnly) for constraints property of the annotation.
 
@@ -645,3 +645,5 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 * [How to add annotation for Node](./node-annotation)
 
 * [How to add annotation for Connector](./connector-annotation)
+
+* [How to Prevent Text Overflow and Display Excess Content on Hover in a Diagram](https://support.syncfusion.com/kb/article/18726/how-to-prevent-text-overflow-and-display-excess-content-on-hover-in-a-diagram)
diff --git a/blazor/diagram/annotations/connector-annotation.md b/blazor/diagram/annotations/connector-annotation.md
@@ -231,3 +231,5 @@ The `HorizontalAlignment`, `VerticalAlignment` and `Margin` properties were expl
 * [How to add or remove annotation constraints](../constraints#annotation-constraints)
 
 * [How to customize the annotation](./appearance)
+
+* [How to animate connectors using annotationtemplate in angular diagram](https://support.syncfusion.com/kb/article/20265/how-to-animate-connectors-using-annotationtemplate-in-angular-diagram )
diff --git a/blazor/diagram/annotations/events.md b/blazor/diagram/annotations/events.md
@@ -17,7 +17,7 @@ documentation: ug
 |Event Name|Arguments|Description|
 |------------|-----------|------------------------|
 |[TextChanged](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.SfDiagramComponent.html#Syncfusion_Blazor_Diagram_SfDiagramComponent_TextChanged)|[TextChangeEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.TextChangeEventArgs.html)|Triggers when the node’s/connector's label is changed in the diagram.|
-|[TextChanging](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.SfDiagramComponent.html#Syncfusion_Blazor_Diagram_SfDiagramComponent_TargetPointChanging)|[TextChangeEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.TextChangeEventArgs.html)|An event that is raised when the node and connector's label is changing in the diagram.|
+|[TextChanging](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.SfDiagramComponent.html#Syncfusion_Blazor_Diagram_SfDiagramComponent_TextChanging)|[TextChangeEventArgs](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.TextChangeEventArgs.html)|An event that is raised when the node and connector's label is changing in the diagram.|
 
 The following code example shows how to register and get notifications from the TextChanged and TextChanging events.
 

diff --git a/blazor/diagram/annotations/interactions.md b/blazor/diagram/annotations/interactions.md
@@ -84,3 +84,5 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 * [How to add annotation for Node](./node-annotation)
 
 * [How to add annotation for Connector](./connector-annotation)
+
+* [How to animate connectors using annotationtemplate in angular diagram](https://support.syncfusion.com/kb/article/20265/how-to-animate-connectors-using-annotationtemplate-in-angular-diagram )
diff --git a/blazor/diagram/annotations/labels.md b/blazor/diagram/annotations/labels.md
@@ -257,3 +257,10 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
 * [How to add or remove annotation constraints](../constraints#annotation-constraints)
 
 * [How to customize the annotation](./appearance)
+
+* [How to animate connectors using annotationtemplate in angular diagram](https://support.syncfusion.com/kb/article/20265/how-to-animate-connectors-using-annotationtemplate-in-angular-diagram )
+
+* [How to dynamically create and connect diagram nodes with annotations via ports in syncfusion blazor diagram](https://support.syncfusion.com/kb/article/19001/how-to-dynamically-create-and-connect-diagram-nodes-with-annotations-via-ports-in-syncfusion-blazor-diagram) 
+* [How to Prevent Text Overflow and Display Excess Content on Hover in a Diagram?](https://support.syncfusion.com/kb/article/18726/how-to-prevent-text-overflow-and-display-excess-content-on-hover-in-a-diagram)
+
+* [How to generate a hierarchical layout with annotation at runtime?](https://support.syncfusion.com/kb/article/17884/how-to-generate-a-hierarchical-layout-with-annotation-at-runtime)
diff --git a/blazor/diagram/bpmn-shapes/bpmn-activity.md b/blazor/diagram/bpmn-shapes/bpmn-activity.md
@@ -104,14 +104,14 @@ The various types of BPMN tasks are tabulated as follows.
 
 | Shape | Image | Description|
 | -------- | -------- | -------- |
-| Service | ![Service Task BPMN Shape](../images/Service.png) |A Service task is a task that uses a web service, an automated application, or other kinds of service in completing the task.|
-| Send | ![Send Task BPMN Shape](../images/Send.png) |A Send task represents a task that sends a message from one to another. The task is completed once the message has been sent.|
-| Receive | ![Receive Task BPMN Shape](../images/Receive.png) |A Receive task indicates the wait for the arrival of a certain message. The task is completed once the message has been received.|
-| Instantiating Receive | ![Instantiating Receive Task BPMN Shape](../images/InsService.png) |A receive task is used to instantiate a process that is the receive task replace the message start event.|
-| Manual |![Manual Task BPMN Shape](../images/Manual.png) |A Manual task is a task that is performed without the aid of any business process execution engine or any application.|
-| Business Rule | ![Business Rule  Task BPMN Shape](../images/Bussiness.png) |A Business Rule task is used to synchronously execute one or more rules.|
-| User | ![User Task BPMN Shape](../images/User.png) |A User task represents that a human performer performs the task with the use of a software application.|
-| Script | ![Script Task BPMN Shape](../images/Script.png) |A Script task is an automated activity when a process execution arrives at the Script task, the corresponding script is executed.|
+| [Service](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnTaskType.html#Syncfusion_Blazor_Diagram_BpmnTaskType_Service) | ![Service Task BPMN Shape](../images/Service.png) |A Service task is a task that uses a web service, an automated application, or other kinds of service in completing the task.|
+| [Send](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnTaskType.html#Syncfusion_Blazor_Diagram_BpmnTaskType_Send) | ![Send Task BPMN Shape](../images/Send.png) |A Send task represents a task that sends a message from one to another. The task is completed once the message has been sent.|
+| [Receive](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnTaskType.html#Syncfusion_Blazor_Diagram_BpmnTaskType_Receive) | ![Receive Task BPMN Shape](../images/Receive.png) |A Receive task indicates the wait for the arrival of a certain message. The task is completed once the message has been received.|
+| [Instantiating Receive](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnTaskType.html#Syncfusion_Blazor_Diagram_BpmnTaskType_InstantiatingReceive) | ![Instantiating Receive Task BPMN Shape](../images/InsService.png) |A receive task is used to instantiate a process that is the receive task replace the message start event.|
+| [Manual](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnTaskType.html#Syncfusion_Blazor_Diagram_BpmnTaskType_Manual) |![Manual Task BPMN Shape](../images/Manual.png) |A Manual task is a task that is performed without the aid of any business process execution engine or any application.|
+| [Business Rule](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnTaskType.html#Syncfusion_Blazor_Diagram_BpmnTaskType_BusinessRule[) | ![Business Rule  Task BPMN Shape](../images/Bussiness.png) |A Business Rule task is used to synchronously execute one or more rules.|
+| [User](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnTaskType.html#Syncfusion_Blazor_Diagram_BpmnTaskType_User) | ![User Task BPMN Shape](../images/User.png) |A User task represents that a human performer performs the task with the use of a software application.|
+| [Script](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnTaskType.html#Syncfusion_Blazor_Diagram_BpmnTaskType_Script) | ![Script Task BPMN Shape](../images/Script.png) |A Script task is an automated activity when a process execution arrives at the Script task, the corresponding script is executed.|
 
 ## How to Create a BPMN Activity Collapsed Sub-Process
 
@@ -207,10 +207,10 @@ The following table contains various types of BPMN loops.
 
 | LoopActivity | Task | Subprocess | Description|
 | -------- | -------- | --------| --------|
-| None | ![None Task BPMN Shape](../images/Bpmn-Task-Loop-None.png)  | ![None Subprocess BPMN Shape](../images/Bpmn-CollapsedSub-Process-Loop-None.png) |None of the shape shows in the sub-process.|
-| Standard | ![Standard Task BPMN Shape](../images/Bpmn-Task-Loop-Standard.png)  | ![Standard Subprocess BPMN Shape](../images/Bpmn-CollapsedSub-Process-Loop-Standard.png) |Loop marker indicates that the sub-process repeats itself in the sequence.|
-| SequenceMultiInstance | ![Sequence MultiInstance Task BPMN Shape](../images/Bpmn-Task-Loop-Sequential.png) |  ![SequenceMultiInstance Subprocess BPMN Shape](../images/Bpmn-CollapsedSub-Process-Loop-Sequential.png)|Multi-Instance marker indicates that the sub-process can run with other identical sub-processes simultaneously. The three horizontal lines indicate the sequential execution.|
-| ParallelMultiInstance | ![ParallelMultiInstance Task BPMNShape](../images/Bpmn-Task-Loop-Parallel.png) | ![ParallelMultiInstance Subprocess BPMN Shape](../images/Bpmn-CollapsedSub-Process-Loop-Parallel.png) |Multi-Instance marker indicates that the sub-process can run with other identical sub-processes simultaneously. The three vertical lines indicate that the instances will be executed in parallel.|
+| [None](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnLoopCharacteristic.html#Syncfusion_Blazor_Diagram_BpmnLoopCharacteristic_None) | ![None Task BPMN Shape](../images/Bpmn-Task-Loop-None.png)  | ![None Subprocess BPMN Shape](../images/Bpmn-CollapsedSub-Process-Loop-None.png) |None of the shape shows in the sub-process.|
+| [Standard](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnLoopCharacteristic.html#Syncfusion_Blazor_Diagram_BpmnLoopCharacteristic_Standard) | ![Standard Task BPMN Shape](../images/Bpmn-Task-Loop-Standard.png)  | ![Standard Subprocess BPMN Shape](../images/Bpmn-CollapsedSub-Process-Loop-Standard.png) |Loop marker indicates that the sub-process repeats itself in the sequence.|
+| [SequenceMultiInstance](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnLoopCharacteristic.html#Syncfusion_Blazor_Diagram_BpmnLoopCharacteristic_SequenceMultiInstance) | ![Sequence MultiInstance Task BPMN Shape](../images/Bpmn-Task-Loop-Sequential.png) |  ![SequenceMultiInstance Subprocess BPMN Shape](../images/Bpmn-CollapsedSub-Process-Loop-Sequential.png)|Multi-Instance marker indicates that the sub-process can run with other identical sub-processes simultaneously. The three horizontal lines indicate the sequential execution.|
+| [ParallelMultiInstance](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnLoopCharacteristic.html#Syncfusion_Blazor_Diagram_BpmnLoopCharacteristic_ParallelMultiInstance) | ![ParallelMultiInstance Task BPMNShape](../images/Bpmn-Task-Loop-Parallel.png) | ![ParallelMultiInstance Subprocess BPMN Shape](../images/Bpmn-CollapsedSub-Process-Loop-Parallel.png) |Multi-Instance marker indicates that the sub-process can run with other identical sub-processes simultaneously. The three vertical lines indicate that the instances will be executed in parallel.|
 
 ### How to Enable Compensation
 
@@ -399,7 +399,7 @@ The following table contains various types of BPMN boundaries.
 
 | SubProcessType | Image | Description|
 | -------- | -------- | -------- |
-| Call | ![Call Boundary BPMN Shape](../images/Bpmn-CollapsedSub-Process-Call.png) |It is a global sub-process that is reused at various points in the business flow.|
-| Event | ![Event Boundary BPMN Shape](../images/Bpmn-CollapsedSub-Process-Event.png) |The event sub-process is a sub-process that is triggered by an event. An event sub-process can be added at the process level or at any sub-process level.|
-| Transaction | ![Default Boundary BPMN Shape](../images/Bpmn-CollapsedSub-Process-Transaction.png) |It is a specialized sub-process that involves payment.|
-| Default | ![Default Boundary BPMN Shape](../images/Bpmn-CollapsedSub-Process-Default.png) |The task that is performed in a business process. It is represented by a rounded rectangle.|
+| [Call](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnSubProcessType.html#Syncfusion_Blazor_Diagram_BpmnSubProcessType_Call) | ![Call Boundary BPMN Shape](../images/Bpmn-CollapsedSub-Process-Call.png) |It is a global sub-process that is reused at various points in the business flow.|
+| [Event](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnSubProcessType.html#Syncfusion_Blazor_Diagram_BpmnSubProcessType_Event) | ![Event Boundary BPMN Shape](../images/Bpmn-CollapsedSub-Process-Event.png) |The event sub-process is a sub-process that is triggered by an event. An event sub-process can be added at the process level or at any sub-process level.|
+| [Transaction](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnSubProcessType.html#Syncfusion_Blazor_Diagram_BpmnSubProcessType_Transaction) | ![Default Boundary BPMN Shape](../images/Bpmn-CollapsedSub-Process-Transaction.png) |It is a specialized sub-process that involves payment.|
+|[Default](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Diagram.BpmnSubProcessType.html#Syncfusion_Blazor_Diagram_BpmnSubProcessType_Default) | ![Default Boundary BPMN Shape](../images/Bpmn-CollapsedSub-Process-Default.png) |The task that is performed in a business process. It is represented by a rounded rectangle.|
-Original file line number
+Diff line change
@@ Expand Up @@
     }
     ```
+    * [How can I adjust the margin of the QR code and handle text positioning when using the QRCodeGenerator in Syncfusion?](https://support.syncfusion.com/kb/article/18734/how-can-i-adjust-the-margin-of-the-qr-code-and-handle-text-positioning-when-using-the-qrcodegenerator-in-syncfusion)
+    * [How to export the QR code in a Blazor Server project to a desired location using a memory stream?](https://support.syncfusion.com/kb/article/17216/how-to-export-the-qr-code-in-a-blazor-server-project-to-a-desired-location-using-a-memory-stream)
Original file line number	Diff line number	Diff line change
Expand Up		@@ -231,3 +231,5 @@ The `HorizontalAlignment`, `VerticalAlignment` and `Margin` properties were expl
		* [How to add or remove annotation constraints](../constraints#annotation-constraints)

		* [How to customize the annotation](./appearance)

		* [How to animate connectors using annotationtemplate in angular diagram](https://support.syncfusion.com/kb/article/20265/how-to-animate-connectors-using-annotationtemplate-in-angular-diagram )
Original file line number	Diff line number	Diff line change
Expand Up		@@ -84,3 +84,5 @@ You can download a complete working sample from [GitHub](https://github.com/Sync
		* [How to add annotation for Node](./node-annotation)

		* [How to add annotation for Connector](./connector-annotation)

		* [How to animate connectors using annotationtemplate in angular diagram](https://support.syncfusion.com/kb/article/20265/how-to-animate-connectors-using-annotationtemplate-in-angular-diagram )