From 7d6d9977df830ee1ca4cc60700b5a24fb48d191c Mon Sep 17 00:00:00 2001 From: Build Automaion Date: Sat, 7 Dec 2024 06:45:10 +0530 Subject: [PATCH] Integrated latest changes at 12-07-2024 4:30:44 AM --- ej2-vue-toc.html | 2 +- ej2-vue/diagram/accessibility.md | 10 ++++---- ej2-vue/diagram/automatic-layout.md | 4 ++-- ej2-vue/diagram/bezier-controlPoint.md | 4 ++-- ej2-vue/diagram/bezier-segEditOrientation.md | 4 ++-- ej2-vue/diagram/bpmn-activities.md | 4 ++-- ej2-vue/diagram/bpmn-dataObject.md | 4 ++-- ej2-vue/diagram/bpmn-dataSource.md | 4 ++-- ej2-vue/diagram/bpmn-events.md | 4 ++-- ej2-vue/diagram/bpmn-expandSubProcess.md | 4 ++-- ej2-vue/diagram/bpmn-flows.md | 4 ++-- ej2-vue/diagram/bpmn-gateway.md | 4 ++-- ej2-vue/diagram/bpmn-group.md | 4 ++-- ej2-vue/diagram/bpmn-shapes.md | 4 ++-- ej2-vue/diagram/bpmn-textAnnotation.md | 4 ++-- ej2-vue/diagram/commands.md | 4 ++-- ej2-vue/diagram/complex-layout.md | 4 ++-- ej2-vue/diagram/connector-bezier.md | 4 ++-- ej2-vue/diagram/connector-customization.md | 4 ++-- ej2-vue/diagram/connector-events.md | 4 ++-- ej2-vue/diagram/connector-interaction.md | 4 ++-- ej2-vue/diagram/connector-labels.md | 4 ++-- ej2-vue/diagram/connector-orthogonal.md | 4 ++-- ej2-vue/diagram/connector-segments.md | 4 ++-- ej2-vue/diagram/connector-straight.md | 4 ++-- ej2-vue/diagram/connectors.md | 4 ++-- ej2-vue/diagram/constraints.md | 4 ++-- ej2-vue/diagram/context-menu.md | 4 ++-- ej2-vue/diagram/data-binding.md | 4 ++-- ej2-vue/diagram/ej1-migration.md | 4 ++-- ej2-vue/diagram/export.md | 6 ++--- ej2-vue/diagram/flowchart-layout.md | 4 ++-- ej2-vue/diagram/getting-started-vue-3.md | 22 +++++++++--------- ej2-vue/diagram/getting-started.md | 24 ++++++++++---------- ej2-vue/diagram/grid-lines.md | 4 ++-- ej2-vue/diagram/group.md | 4 ++-- ej2-vue/diagram/hierarchical-layout.md | 4 ++-- ej2-vue/diagram/index.md | 4 ++-- ej2-vue/diagram/interaction.md | 4 ++-- ej2-vue/diagram/label-appearance.md | 4 ++-- ej2-vue/diagram/label-events.md | 4 ++-- ej2-vue/diagram/label-interaction.md | 4 ++-- ej2-vue/diagram/labels.md | 4 ++-- ej2-vue/diagram/lane.md | 4 ++-- ej2-vue/diagram/layers.md | 4 ++-- ej2-vue/diagram/layout-customization.md | 4 ++-- ej2-vue/diagram/layout-event.md | 4 ++-- ej2-vue/diagram/localization.md | 4 ++-- ej2-vue/diagram/mindmap-layout.md | 4 ++-- ej2-vue/diagram/multipleSegments.md | 4 ++-- ej2-vue/diagram/node-labels.md | 4 ++-- ej2-vue/diagram/nodes-customization.md | 4 ++-- ej2-vue/diagram/nodes-events.md | 4 ++-- ej2-vue/diagram/nodes-expandAndCollapse.md | 4 ++-- ej2-vue/diagram/nodes-interaction.md | 4 ++-- ej2-vue/diagram/nodes-positioning.md | 4 ++-- ej2-vue/diagram/nodes.md | 4 ++-- ej2-vue/diagram/org-chart.md | 4 ++-- ej2-vue/diagram/overview.md | 4 ++-- ej2-vue/diagram/page-settings.md | 4 ++-- ej2-vue/diagram/palette-customization.md | 4 ++-- ej2-vue/diagram/palette-events.md | 4 ++-- ej2-vue/diagram/phase.md | 4 ++-- ej2-vue/diagram/ports-appearance.md | 4 ++-- ej2-vue/diagram/ports-connector-port.md | 4 ++-- ej2-vue/diagram/ports-interaction.md | 6 ++--- ej2-vue/diagram/ports-positioning.md | 4 ++-- ej2-vue/diagram/ports.md | 4 ++-- ej2-vue/diagram/print.md | 6 ++--- ej2-vue/diagram/quasar.md | 20 ++++++++-------- ej2-vue/diagram/radial-layout.md | 4 ++-- ej2-vue/diagram/ruler.md | 4 ++-- ej2-vue/diagram/scroll-settings.md | 4 ++-- ej2-vue/diagram/serialization.md | 4 ++-- ej2-vue/diagram/shapes.md | 4 ++-- ej2-vue/diagram/style.md | 4 ++-- ej2-vue/diagram/summary.md | 4 ++-- ej2-vue/diagram/swim-lane.md | 4 ++-- ej2-vue/diagram/swimlane-palette.md | 4 ++-- ej2-vue/diagram/symbol-palette.md | 4 ++-- ej2-vue/diagram/symmetric-layout.md | 4 ++-- ej2-vue/diagram/tools.md | 4 ++-- ej2-vue/diagram/tooltip.md | 4 ++-- ej2-vue/diagram/umldiagram.md | 4 ++-- ej2-vue/diagram/undo-redo.md | 4 ++-- ej2-vue/diagram/user-handle.md | 4 ++-- ej2-vue/diagram/virtualization.md | 4 ++-- 87 files changed, 206 insertions(+), 206 deletions(-) diff --git a/ej2-vue-toc.html b/ej2-vue-toc.html index 169c2eb82..106949f54 100644 --- a/ej2-vue-toc.html +++ b/ej2-vue-toc.html @@ -880,7 +880,7 @@
  • Overview Control
    • -
  • Migration from Essential JS1
    • +
  • Migration from Essential® JS1
  • API Reference
  • diff --git a/ej2-vue/diagram/accessibility.md b/ej2-vue/diagram/accessibility.md index 14a7c168f..7323fb152 100644 --- a/ej2-vue/diagram/accessibility.md +++ b/ej2-vue/diagram/accessibility.md @@ -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 @@ -104,7 +104,7 @@ 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 @@ -112,7 +112,7 @@ The Diagram component supports and its information was dictated properly by the ### 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 @@ -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) diff --git a/ej2-vue/diagram/automatic-layout.md b/ej2-vue/diagram/automatic-layout.md index bc500969a..edcb74ce0 100644 --- a/ej2-vue/diagram/automatic-layout.md +++ b/ej2-vue/diagram/automatic-layout.md @@ -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 diff --git a/ej2-vue/diagram/bezier-controlPoint.md b/ej2-vue/diagram/bezier-controlPoint.md index f701b8eaa..621fb0802 100644 --- a/ej2-vue/diagram/bezier-controlPoint.md +++ b/ej2-vue/diagram/bezier-controlPoint.md @@ -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 diff --git a/ej2-vue/diagram/bezier-segEditOrientation.md b/ej2-vue/diagram/bezier-segEditOrientation.md index 138d528eb..4ea9d3e0f 100644 --- a/ej2-vue/diagram/bezier-segEditOrientation.md +++ b/ej2-vue/diagram/bezier-segEditOrientation.md @@ -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 diff --git a/ej2-vue/diagram/bpmn-activities.md b/ej2-vue/diagram/bpmn-activities.md index 87af96ed9..4e12aab45 100644 --- a/ej2-vue/diagram/bpmn-activities.md +++ b/ej2-vue/diagram/bpmn-activities.md @@ -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 diff --git a/ej2-vue/diagram/bpmn-dataObject.md b/ej2-vue/diagram/bpmn-dataObject.md index b5e58d716..a975e9eb9 100644 --- a/ej2-vue/diagram/bpmn-dataObject.md +++ b/ej2-vue/diagram/bpmn-dataObject.md @@ -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 diff --git a/ej2-vue/diagram/bpmn-dataSource.md b/ej2-vue/diagram/bpmn-dataSource.md index efb36b8f1..5a7c10ee8 100644 --- a/ej2-vue/diagram/bpmn-dataSource.md +++ b/ej2-vue/diagram/bpmn-dataSource.md @@ -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 diff --git a/ej2-vue/diagram/bpmn-events.md b/ej2-vue/diagram/bpmn-events.md index 67d09c52c..0580c026d 100644 --- a/ej2-vue/diagram/bpmn-events.md +++ b/ej2-vue/diagram/bpmn-events.md @@ -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 diff --git a/ej2-vue/diagram/bpmn-expandSubProcess.md b/ej2-vue/diagram/bpmn-expandSubProcess.md index 29c4d0c6d..a90935791 100644 --- a/ej2-vue/diagram/bpmn-expandSubProcess.md +++ b/ej2-vue/diagram/bpmn-expandSubProcess.md @@ -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 diff --git a/ej2-vue/diagram/bpmn-flows.md b/ej2-vue/diagram/bpmn-flows.md index ef25bc3a2..9f582d9b4 100644 --- a/ej2-vue/diagram/bpmn-flows.md +++ b/ej2-vue/diagram/bpmn-flows.md @@ -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 diff --git a/ej2-vue/diagram/bpmn-gateway.md b/ej2-vue/diagram/bpmn-gateway.md index dc0fac51e..c2057eff4 100644 --- a/ej2-vue/diagram/bpmn-gateway.md +++ b/ej2-vue/diagram/bpmn-gateway.md @@ -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 diff --git a/ej2-vue/diagram/bpmn-group.md b/ej2-vue/diagram/bpmn-group.md index 463a81f81..5b9b37d93 100644 --- a/ej2-vue/diagram/bpmn-group.md +++ b/ej2-vue/diagram/bpmn-group.md @@ -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 diff --git a/ej2-vue/diagram/bpmn-shapes.md b/ej2-vue/diagram/bpmn-shapes.md index fc7548b1b..223337af4 100644 --- a/ej2-vue/diagram/bpmn-shapes.md +++ b/ej2-vue/diagram/bpmn-shapes.md @@ -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 diff --git a/ej2-vue/diagram/bpmn-textAnnotation.md b/ej2-vue/diagram/bpmn-textAnnotation.md index d7976e981..9c9492cff 100644 --- a/ej2-vue/diagram/bpmn-textAnnotation.md +++ b/ej2-vue/diagram/bpmn-textAnnotation.md @@ -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 diff --git a/ej2-vue/diagram/commands.md b/ej2-vue/diagram/commands.md index a0aae31f3..36e6c5332 100644 --- a/ej2-vue/diagram/commands.md +++ b/ej2-vue/diagram/commands.md @@ -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 diff --git a/ej2-vue/diagram/complex-layout.md b/ej2-vue/diagram/complex-layout.md index dffedab6e..371b86b41 100644 --- a/ej2-vue/diagram/complex-layout.md +++ b/ej2-vue/diagram/complex-layout.md @@ -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 diff --git a/ej2-vue/diagram/connector-bezier.md b/ej2-vue/diagram/connector-bezier.md index c6d6c03e5..611801309 100644 --- a/ej2-vue/diagram/connector-bezier.md +++ b/ej2-vue/diagram/connector-bezier.md @@ -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 diff --git a/ej2-vue/diagram/connector-customization.md b/ej2-vue/diagram/connector-customization.md index 198d88471..161f1a953 100644 --- a/ej2-vue/diagram/connector-customization.md +++ b/ej2-vue/diagram/connector-customization.md @@ -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 diff --git a/ej2-vue/diagram/connector-events.md b/ej2-vue/diagram/connector-events.md index afec08984..e3f8cfdcc 100644 --- a/ej2-vue/diagram/connector-events.md +++ b/ej2-vue/diagram/connector-events.md @@ -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 diff --git a/ej2-vue/diagram/connector-interaction.md b/ej2-vue/diagram/connector-interaction.md index fad54cc62..c22f850b0 100644 --- a/ej2-vue/diagram/connector-interaction.md +++ b/ej2-vue/diagram/connector-interaction.md @@ -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 diff --git a/ej2-vue/diagram/connector-labels.md b/ej2-vue/diagram/connector-labels.md index 1bf7da872..038ce3cf5 100644 --- a/ej2-vue/diagram/connector-labels.md +++ b/ej2-vue/diagram/connector-labels.md @@ -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 diff --git a/ej2-vue/diagram/connector-orthogonal.md b/ej2-vue/diagram/connector-orthogonal.md index 438a394e9..92dd70acf 100644 --- a/ej2-vue/diagram/connector-orthogonal.md +++ b/ej2-vue/diagram/connector-orthogonal.md @@ -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 diff --git a/ej2-vue/diagram/connector-segments.md b/ej2-vue/diagram/connector-segments.md index 6a7a50148..8d8f9867f 100644 --- a/ej2-vue/diagram/connector-segments.md +++ b/ej2-vue/diagram/connector-segments.md @@ -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 diff --git a/ej2-vue/diagram/connector-straight.md b/ej2-vue/diagram/connector-straight.md index 97adce803..a6be35a48 100644 --- a/ej2-vue/diagram/connector-straight.md +++ b/ej2-vue/diagram/connector-straight.md @@ -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 diff --git a/ej2-vue/diagram/connectors.md b/ej2-vue/diagram/connectors.md index a1ce5f9aa..679748f31 100644 --- a/ej2-vue/diagram/connectors.md +++ b/ej2-vue/diagram/connectors.md @@ -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 diff --git a/ej2-vue/diagram/constraints.md b/ej2-vue/diagram/constraints.md index a795d1e21..c27f18365 100644 --- a/ej2-vue/diagram/constraints.md +++ b/ej2-vue/diagram/constraints.md @@ -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 diff --git a/ej2-vue/diagram/context-menu.md b/ej2-vue/diagram/context-menu.md index 69708ca49..c7a2c640b 100644 --- a/ej2-vue/diagram/context-menu.md +++ b/ej2-vue/diagram/context-menu.md @@ -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 diff --git a/ej2-vue/diagram/data-binding.md b/ej2-vue/diagram/data-binding.md index 42554cb81..a80b4487c 100644 --- a/ej2-vue/diagram/data-binding.md +++ b/ej2-vue/diagram/data-binding.md @@ -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 diff --git a/ej2-vue/diagram/ej1-migration.md b/ej2-vue/diagram/ej1-migration.md index 3c53421f3..da372d9d0 100644 --- a/ej2-vue/diagram/ej1-migration.md +++ b/ej2-vue/diagram/ej1-migration.md @@ -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 diff --git a/ej2-vue/diagram/export.md b/ej2-vue/diagram/export.md index 6f4300487..ed031ad0b 100644 --- a/ej2-vue/diagram/export.md +++ b/ej2-vue/diagram/export.md @@ -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 @@ -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. \ No newline at end of file +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. \ No newline at end of file diff --git a/ej2-vue/diagram/flowchart-layout.md b/ej2-vue/diagram/flowchart-layout.md index 9af6e0128..578855ff7 100644 --- a/ej2-vue/diagram/flowchart-layout.md +++ b/ej2-vue/diagram/flowchart-layout.md @@ -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 diff --git a/ej2-vue/diagram/getting-started-vue-3.md b/ej2-vue/diagram/getting-started-vue-3.md index 6d0dbe7db..057493e91 100644 --- a/ej2-vue/diagram/getting-started-vue-3.md +++ b/ej2-vue/diagram/getting-started-vue-3.md @@ -1,7 +1,7 @@ --- layout: post -title: Vue 3 getting started with the Diagram component | Syncfusion -description: Check out and learn about Vue 3 getting started with the Vue Diagram component of Syncfusion Essential JS 2 and more details. +title: Vue 3 getting started with the Diagram component | Syncfusion® +description: Check out and learn about Vue 3 getting started with the Vue Diagram component of Syncfusion Essential® JS 2 and more details. control: Vue 3 getting started platform: ej2-vue documentation: ug @@ -10,19 +10,19 @@ domainurl: ##DomainURL## # Getting Started with the Vue Diagram Component in Vue 3 -This article provides a step-by-step guide for setting up a [Vite](https://vitejs.dev/) project with a JavaScript environment and integrating the Syncfusion Vue Diagram component using the [Composition API](https://vuejs.org/guide/introduction.html#composition-api) / [Options API](https://vuejs.org/guide/introduction.html#options-api). +This article provides a step-by-step guide for setting up a [Vite](https://vitejs.dev/) project with a JavaScript environment and integrating the Syncfusion® Vue Diagram component using the [Composition API](https://vuejs.org/guide/introduction.html#composition-api) / [Options API](https://vuejs.org/guide/introduction.html#options-api). The `Composition API` is a new feature introduced in Vue.js 3 that provides an alternative way to organize and reuse component logic. It allows developers to write components as functions that use smaller, reusable functions called composition functions to manage their properties and behavior. The `Options API` is the traditional way of writing Vue.js components, where the component logic is organized into a series of options that define the component's properties and behavior. These options include data, methods, computed properties, watchers, life cycle hooks, and more. -To create, edit, and view interactive diagrams using the Syncfusion Vue Diagram component, refer to the below video link. +To create, edit, and view interactive diagrams using the Syncfusion® Vue Diagram component, refer to the below video link. {% youtube "youtube:https://www.youtube.com/watch?v=y11FMmfoqCg" %} ## Prerequisites -[System requirements for Syncfusion Vue UI components](https://ej2.syncfusion.com/vue/documentation/system-requirements/) +[System requirements for Syncfusion® Vue UI components](https://ej2.syncfusion.com/vue/documentation/system-requirements/) ## Set up the Vite project @@ -83,11 +83,11 @@ cd my-project yarn install ``` -Now that `my-project` is ready to run with default settings, let's add Syncfusion components to the project. +Now that `my-project` is ready to run with default settings, let's add Syncfusion® components to the project. -## Add Syncfusion Vue packages +## Add Syncfusion® Vue packages -Syncfusion Vue component packages are available at [npmjs.com](https://www.npmjs.com/search?q=ej2-vue). To use Syncfusion Vue components in the project, install the corresponding npm package. +Syncfusion® Vue component packages are available at [npmjs.com](https://www.npmjs.com/search?q=ej2-vue). To use Syncfusion® Vue components in the project, install the corresponding npm package. This article uses the [Vue Diagram component](https://www.syncfusion.com/vue-components/vue-diagram) as an example. To use the Vue Diagram component in the project, the `@syncfusion/ej2-vue-diagrams` package needs to be installed using the following command: @@ -101,9 +101,9 @@ or yarn add @syncfusion/ej2-vue-diagrams ``` -## Import Syncfusion CSS styles +## Import Syncfusion® CSS styles -You can import themes for the Syncfusion Vue component in various ways, such as using CSS or SASS styles from npm packages, CDN, [CRG](https://ej2.syncfusion.com/javascript/documentation/common/custom-resource-generator/) and [Theme Studio](https://ej2.syncfusion.com/vue/documentation/appearance/theme-studio/). Refer to [themes topic](https://ej2.syncfusion.com/vue/documentation/appearance/theme/) to know more about built-in themes and different ways to refer to themes in a Vue project. +You can import themes for the Syncfusion® Vue component in various ways, such as using CSS or SASS styles from npm packages, CDN, [CRG](https://ej2.syncfusion.com/javascript/documentation/common/custom-resource-generator/) and [Theme Studio](https://ej2.syncfusion.com/vue/documentation/appearance/theme-studio/). Refer to [themes topic](https://ej2.syncfusion.com/vue/documentation/appearance/theme/) to know more about built-in themes and different ways to refer to themes in a Vue project. In this article, `Material` theme is applied using CSS styles, which are available in installed packages. The necessary `Material` CSS styles for the Diagram component and its dependents were imported into the `