Skip to content

DOCINFRA-2341_merged_using_automation #506

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.

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 1 commit into from
Dec 7, 2024
Merged
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 ej2-vue-toc.html
Original file line number Diff line number Diff line change
Expand Up @@ -880,7 +880,7 @@
</ul>
</li>
<li><a href="/ej2-vue/diagram/overview">Overview Control</a></li>
<li><a href="/ej2-vue/diagram/ej1-migration">Migration from Essential JS1</a></li>
<li><a href="/ej2-vue/diagram/ej1-migration">Migration from Essential® JS1</a></li>
<li><a href="https://ej2.syncfusion.com/vue/documentation/api/diagram/">API Reference</a></li>
</ul>
</li><li>
Expand Down
10 changes: 5 additions & 5 deletions ej2-vue/diagram/accessibility.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Accessibility in Vue Diagram component | Syncfusion
description: Learn here all about Accessibility in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Accessibility in Vue Diagram component | Syncfusion®
description: Learn here all about Accessibility in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Accessibility
platform: ej2-vue
documentation: ug
Expand Down Expand Up @@ -104,15 +104,15 @@ Attribute provides the text label with some default description for below elemen

### Mobile device support

Syncfusion Diagram component are more user-friendly and accessible to individuals using mobile devices, including those with disabilities. These are designed to be responsive, adaptable to various screen sizes and orientations, and touch-friendly.
Syncfusion® Diagram component are more user-friendly and accessible to individuals using mobile devices, including those with disabilities. These are designed to be responsive, adaptable to various screen sizes and orientations, and touch-friendly.

### Screen Reader Support

The Diagram component supports and its information was dictated properly by the screen readers based on the ARIA attributes and content.

### Keyboard navigation support

Syncfusion Diagram component support keyboard navigation, allowing users who rely on alternate methods to effortlessly navigate and interact with the component.
Syncfusion® Diagram component support keyboard navigation, allowing users who rely on alternate methods to effortlessly navigate and interact with the component.

## Keyboard interaction

Expand Down Expand Up @@ -144,4 +144,4 @@ The accessibility compliance of the Diagram component is shown in the following

## See also

- [Accessibility in Syncfusion Vue components](../common/accessibility)
- [Accessibility in Syncfusion® Vue components](../common/accessibility)
4 changes: 2 additions & 2 deletions ej2-vue/diagram/automatic-layout.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Automatic layout in Vue Diagram component | Syncfusion
description: Learn here all about Automatic layout in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Automatic layout in Vue Diagram component | Syncfusion®
description: Learn here all about Automatic layout in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Automatic layout
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/bezier-controlPoint.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Bezier control points interaction in Vue Diagram component | Syncfusion
description: Learn here all about Connectors in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Bezier control points interaction in Vue Diagram component | Syncfusion®
description: Learn here all about Connectors in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Bezier control points interaction
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/bezier-segEditOrientation.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Bezier Segment edit orientation in Vue Diagram component | Syncfusion
description: Learn here all about Connectors in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Bezier Segment edit orientation in Vue Diagram component | Syncfusion®
description: Learn here all about Connectors in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Bezier Segment edit orientation
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/bpmn-activities.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Bpmn Activity in Vue Diagram component | Syncfusion
description: Learn here all about Bpmn shapes in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Bpmn Activity in Vue Diagram component | Syncfusion®
description: Learn here all about Bpmn shapes in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Bpmn Activity
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/bpmn-dataObject.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Bpmn DataObject in Vue Diagram component | Syncfusion
description: Learn here all about Bpmn shapes in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Bpmn DataObject in Vue Diagram component | Syncfusion®
description: Learn here all about Bpmn shapes in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Bpmn DataObject
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/bpmn-dataSource.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Bpmn DataSource in Vue Diagram component | Syncfusion
description: Learn here all about Bpmn shapes in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Bpmn DataSource in Vue Diagram component | Syncfusion®
description: Learn here all about Bpmn shapes in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Bpmn DataSource
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/bpmn-events.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Bpmn Events in Vue Diagram component | Syncfusion
description: Learn here all about Bpmn shapes in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Bpmn Events in Vue Diagram component | Syncfusion®
description: Learn here all about Bpmn shapes in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Bpmn Events
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/bpmn-expandSubProcess.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Bpmn Expanded subProcess in Vue Diagram component | Syncfusion
description: Learn here all about Bpmn shapes in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Bpmn Expanded subProcess in Vue Diagram component | Syncfusion®
description: Learn here all about Bpmn shapes in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Bpmn Expanded subProcess
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/bpmn-flows.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Bpmn Flows in Vue Diagram component | Syncfusion
description: Learn here all about Bpmn shapes in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Bpmn Flows in Vue Diagram component | Syncfusion®
description: Learn here all about Bpmn shapes in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Bpmn Flows
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/bpmn-gateway.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Bpmn Gateway in Vue Diagram component | Syncfusion
description: Learn here all about Bpmn shapes in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Bpmn Gateway in Vue Diagram component | Syncfusion®
description: Learn here all about Bpmn shapes in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Bpmn Gateway
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/bpmn-group.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Bpmn Group in Vue Diagram component | Syncfusion
description: Learn here all about Bpmn shapes in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Bpmn Group in Vue Diagram component | Syncfusion®
description: Learn here all about Bpmn shapes in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Bpmn Group
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/bpmn-shapes.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Bpmn shapes in Vue Diagram component | Syncfusion
description: Learn here all about Bpmn shapes in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Bpmn shapes in Vue Diagram component | Syncfusion®
description: Learn here all about Bpmn shapes in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Bpmn shapes
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/bpmn-textAnnotation.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Bpmn Text annotation in Vue Diagram component | Syncfusion
description: Learn here all about Bpmn shapes in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Bpmn Text annotation in Vue Diagram component | Syncfusion®
description: Learn here all about Bpmn shapes in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Bpmn Text annotation
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/commands.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Commands in Vue Diagram component | Syncfusion
description: Learn here all about Commands in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Commands in Vue Diagram component | Syncfusion®
description: Learn here all about Commands in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Commands
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/complex-layout.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Complex hierarchical tree layout in Vue Diagram component | Syncfusion
description: Learn here all about Automatic layout in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Complex hierarchical tree layout in Vue Diagram component | Syncfusion®
description: Learn here all about Automatic layout in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
platform: ej2-vue
control: Complex hierarchical tree layout
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/connector-bezier.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Bezier connector in Vue Diagram component | Syncfusion
description: Learn here all about Connectors in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Bezier connector in Vue Diagram component | Syncfusion®
description: Learn here all about Connectors in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Connectors
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/connector-customization.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Connector customization in Vue Diagram component | Syncfusion
description: Learn here all about Connectors in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Connector customization in Vue Diagram component | Syncfusion®
description: Learn here all about Connectors in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Connector customization
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/connector-events.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Connector Events in Vue Diagram component | Syncfusion
description: Learn here all about Connectors in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Connector Events in Vue Diagram component | Syncfusion®
description: Learn here all about Connectors in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Connector Events
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/connector-interaction.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Connector Interaction in Vue Diagram component | Syncfusion
description: Learn here all about Connectors in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Connector Interaction in Vue Diagram component | Syncfusion®
description: Learn here all about Connectors in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Connector Interaction
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/connector-labels.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Connector Labels in Vue Diagram component | Syncfusion
description: Learn here all about Labels in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Connector Labels in Vue Diagram component | Syncfusion®
description: Learn here all about Labels in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Connector Labels
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/connector-orthogonal.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Orthogonal connector in Vue Diagram component | Syncfusion
description: Learn here all about Connectors in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Orthogonal connector in Vue Diagram component | Syncfusion®
description: Learn here all about Connectors in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Orthogonal
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/connector-segments.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Segments in Vue Diagram component | Syncfusion
description: Learn here all about Connectors in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Segments in Vue Diagram component | Syncfusion®
description: Learn here all about Connectors in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Segments
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/connector-straight.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Straight connector in Vue Diagram component | Syncfusion
description: Learn here all about Connectors in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Straight connector in Vue Diagram component | Syncfusion®
description: Learn here all about Connectors in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Straight
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/connectors.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Connectors in Vue Diagram component | Syncfusion
description: Learn here all about Connectors in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Connectors in Vue Diagram component | Syncfusion®
description: Learn here all about Connectors in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Connectors
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/constraints.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Constraints in Vue Diagram component | Syncfusion
description: Learn here all about Constraints in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Constraints in Vue Diagram component | Syncfusion®
description: Learn here all about Constraints in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Constraints
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/context-menu.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Context menu in Vue Diagram component | Syncfusion
description: Learn here all about Context menu in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Context menu in Vue Diagram component | Syncfusion®
description: Learn here all about Context menu in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Context menu
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/data-binding.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Data binding in Vue Diagram component | Syncfusion
description: Learn here all about Data binding in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Data binding in Vue Diagram component | Syncfusion®
description: Learn here all about Data binding in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Data binding
platform: ej2-vue
documentation: ug
Expand Down
4 changes: 2 additions & 2 deletions ej2-vue/diagram/ej1-migration.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: EJ1 migration in React Diagram component | Syncfusion
description: Learn here all about EJ1 migration in Syncfusion React Diagram component of Syncfusion Essential JS 2 and more.
title: EJ1 migration in React Diagram component | Syncfusion®
description: Learn here all about EJ1 migration in Syncfusion® React Diagram component of Syncfusion Essential® JS 2 and more.
control: EJ1 Migration
platform: ej2-vue
documentation: ug
Expand Down
6 changes: 3 additions & 3 deletions ej2-vue/diagram/export.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Export in Vue Diagram component | Syncfusion
description: Learn here all about Export in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Export in Vue Diagram component | Syncfusion®
description: Learn here all about Export in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
control: Export
platform: ej2-vue
documentation: ug
Expand Down Expand Up @@ -252,4 +252,4 @@ export default {

## Limitations

Currently, printing diagram with native and HTML nodes is not supported. To overcome this limitation, we make use of the Syncfusion Essential PDF library. This library incorporates the Syncfusion Essential HTML converter, which employs the advanced Blink rendering engine. This converter seamlessly transforms HTML content into images. Refer to [`export Html-and-Native node`](https://support.syncfusion.com/kb/article/15531/how-to-print-or-export-the-html-and-native-node-into-image-format-using-vue-diagram) kb for more information.
Currently, printing diagram with native and HTML nodes is not supported. To overcome this limitation, we make use of the Syncfusion Essential® PDF library. This library incorporates the Syncfusion Essential® HTML converter, which employs the advanced Blink rendering engine. This converter seamlessly transforms HTML content into images. Refer to [`export Html-and-Native node`](https://support.syncfusion.com/kb/article/15531/how-to-print-or-export-the-html-and-native-node-into-image-format-using-vue-diagram) kb for more information.
4 changes: 2 additions & 2 deletions ej2-vue/diagram/flowchart-layout.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
layout: post
title: Flowchart layout in Vue Diagram component | Syncfusion
description: Learn here all about Flowchart layout in Syncfusion Vue Diagram component of Syncfusion Essential JS 2 and more.
title: Flowchart layout in Vue Diagram component | Syncfusion®
description: Learn here all about Flowchart layout in Syncfusion® Vue Diagram component of Syncfusion Essential® JS 2 and more.
platform: ej2-vue
control: Flowchart layout
documentation: ug
Expand Down
Loading