diff --git a/ej2-javascript/circular-gauge/accessibility.md b/ej2-javascript/circular-gauge/accessibility.md index 5cbebccd5..aa8477096 100644 --- a/ej2-javascript/circular-gauge/accessibility.md +++ b/ej2-javascript/circular-gauge/accessibility.md @@ -24,7 +24,7 @@ The accessibility compliance for the Circular Gauge control is outlined below. | [Right-To-Left Support](../common/accessibility#right-to-left-support) | Yes | | [Color Contrast](../common/accessibility#color-contrast) | Yes | | [Mobile Device Support](../common/accessibility#mobile-device-support) | Yes | -| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | No | +| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | Not Applicable | | [Accessibility Checker Validation](../common/accessibility#ensuring-accessibility) | Yes | | [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | Yes | diff --git a/ej2-javascript/code-snippet/diagram/ports-cs6/index.js b/ej2-javascript/code-snippet/diagram/ports-cs6/index.js index df4fc6088..63c5b9a99 100644 --- a/ej2-javascript/code-snippet/diagram/ports-cs6/index.js +++ b/ej2-javascript/code-snippet/diagram/ports-cs6/index.js @@ -1,58 +1,51 @@ -// Define ports let port1 = { style: { - strokeColor: '#000000', - fill: ' #FFFF00' - }, - // Define port connection direction - connectionDirection: 'Right', - shape: 'Square', - id: 'port1', - visibility: ej2_diagrams_1.PortVisibility.Visible, - offset: { - x: 0.5, - y: 0.5 + strokeColor: 'black', + fill: 'yellow' } +} +port1.shape = 'Square'; +port1.visibility =ej.diagrams.PortVisibility.Visible; +//specify the direction of the port +port1.connectionDirection="Right" +port1.id = 'port'; +port1.offset = { + x: 0.5, + y: 0.5 }; - let port2 = { style: { - strokeColor: '#000000', - fill: ' #FFFF00' - }, - offset: { - x: 0, - y: 0 - }, - id: 'port2', - visibility: ej2_diagrams_1.PortVisibility.Visible, - shape: 'Square', - // Define port connection direction - connectionDirection: 'Left' + strokeColor: 'black', + fill: 'yellow' + } +}; +port2.offset = { + x: 0, + y: 0 }; - -// Define nodes +port2.id = 'port1'; +port2.visibility = ej.diagrams.PortVisibility.Visible; +//specify the direction of the port +port2.connectionDirection="Left" +port2.shape = 'Square'; + let nodes = [{ id: 'node', width: 100, height: 100, - offsetX: 600, - offsetY: 300, - ports: [port1], - fill: '#87CEEB' + offsetX: 100, + offsetY: 200, + ports: [port1] }, { id: 'node1', width: 100, height: 100, - offsetX: 800, - offsetY: 200, - ports: [port2], - fill: 'red' - } + offsetX: 300, + offsetY: 100, + ports: [port2] + }, ]; - -// Define a connector between the nodes let connectors = { id: "connector1", sourcePoint: { @@ -66,26 +59,19 @@ let connectors = { }, sourceID: 'node', targetID: 'node1', - sourcePortID: 'port1', - targetPortID: 'port2' -}; - -// Initialize diagram component -let diagram = new ej2.diagrams.Diagram({ - width: '100%', - height: '600px', - // Add nodes and connectors + sourcePortID: 'port', + targetPortID: 'port1' +} +let diagram = new ej.diagrams.Diagram({ + width: 900, + height: 900, nodes: nodes, connectors: [connectors], getNodeDefaults: (node) => { - // Customize default node appearance node.height = 100; node.width = 100; node.style.fill = '#6BA5D7'; node.style.strokeColor = 'white'; return node; - } -}); - -// Render initialized diagram -diagram.appendTo('#element'); + }, +}, '#element' ); \ No newline at end of file diff --git a/ej2-javascript/code-snippet/diagram/ports-cs6/index.ts b/ej2-javascript/code-snippet/diagram/ports-cs6/index.ts index 26259bed6..4205b522b 100644 --- a/ej2-javascript/code-snippet/diagram/ports-cs6/index.ts +++ b/ej2-javascript/code-snippet/diagram/ports-cs6/index.ts @@ -1,62 +1,56 @@ -// Import necessary modules -const ej2_diagrams_1 = require("@syncfusion/ej2-diagrams"); -// Define ports -let port1 = { + + +import {ConnectorModel,NodeModel,PointPortModel,Diagram,PortVisibility,} from'@syncfusion/ej2-diagrams'; +let port1: PointPortModel = { style: { - strokeColor: '#000000', - fill: ' #FFFF00' - }, - // Define port connection direction - connectionDirection: 'Right', - shape: 'Square', - id: 'port1', - visibility: ej2_diagrams_1.PortVisibility.Visible, - offset: { - x: 0.5, - y: 0.5 + strokeColor: 'black', + fill: 'yellow' } +} +port1.shape = 'Square'; +port1.visibility = PortVisibility.Visible +//specify the direction of the port +port1.connectionDirection="Right" +port1.id = 'port'; +port1.offset = { + x: 0.5, + y: 0.5 }; - -let port2 = { +let port2: PointPortModel = { style: { - strokeColor: '#000000', - fill: ' #FFFF00' - }, - offset: { - x: 0, - y: 0 - }, - id: 'port2', - visibility: ej2_diagrams_1.PortVisibility.Visible, - shape: 'Square', - // Define port connection direction - connectionDirection: 'Left' + strokeColor: 'black', + fill: 'yellow' + } }; +port2.offset = { + x: 0, + y: 0 +}; +port2.id = 'port1'; +port2.visibility = PortVisibility.Visible +//specify the direction of the port +port2.connectionDirection="Left" +port2.shape = 'Square'; -// Define nodes -let nodes = [{ +let nodes: NodeModel[] = [{ id: 'node', width: 100, height: 100, - offsetX: 600, - offsetY: 300, - ports: [port1], - fill: '#87CEEB' + offsetX: 100, + offsetY: 200, + ports: [port1] }, { id: 'node1', width: 100, height: 100, - offsetX: 800, - offsetY: 200, - ports: [port2], - fill: 'red' - } + offsetX: 300, + offsetY: 100, + ports: [port2] + }, ]; - -// Define a connector between the nodes -let connectors = { +let connectors: ConnectorModel = { id: "connector1", sourcePoint: { x: 100, @@ -69,26 +63,20 @@ let connectors = { }, sourceID: 'node', targetID: 'node1', - sourcePortID: 'port1', - targetPortID: 'port2' -}; - -// Initialize diagram component -let diagram = new ej2_diagrams_1.Diagram({ - width: '100%', - height: '600px', - // Add nodes and connectors + sourcePortID: 'port', + targetPortID: 'port1' +} +let diagram: Diagram = new Diagram({ + width: 900, + height: 900, nodes: nodes, connectors: [connectors], - getNodeDefaults: (node) => { - // Customize default node appearance + getNodeDefaults: (node: NodeModel) => { node.height = 100; node.width = 100; node.style.fill = '#6BA5D7'; node.style.strokeColor = 'white'; return node; - } + }, }); - -// Render initialized diagram diagram.appendTo('#element'); diff --git a/ej2-javascript/common/custom-resource-generator.md b/ej2-javascript/common/custom-resource-generator.md index c050f17ae..da5c58a87 100644 --- a/ej2-javascript/common/custom-resource-generator.md +++ b/ej2-javascript/common/custom-resource-generator.md @@ -61,7 +61,7 @@ Refer to the following steps to download the custom resources in CRG. ## Import previously generated settings into the CRG -To add more controls or upgrade the latest Syncfusion ASP.NET Core library resources, it is not necessary to generate it from the scratch in the CRG. Just import the old **import.json** file and make the changes, then download it again from the CRG application. +To add more controls or upgrade the latest Syncfusion scripts, it is not necessary to generate it from the scratch in the CRG. Just import the old **import.json** file and make the changes, then download it again from the CRG application. Refer to the following steps to import previous **import.json** file in the CRG. @@ -70,11 +70,11 @@ Refer to the following steps to import previous **import.json** file in the CRG. 2. Upload the **import.json** file so that the previously stored data will be restored in the CRG application. Now, add more controls and export the resources again. ![ej2 Previous changes restored](images/previous-changes-restored.png) -## To dowload a Licensed script +## To download a licensed script -If you prefer to utilize a licensed script, As a licensed user, you can download a licensed script from the Custom Resource Generator (CRG) by logging into your CRG account. Kindly refer to the attached image below. +If you prefer to utilize a licensed script, As a licensed user, you can download a licensed script from the Custom Resource Generator (CRG) by logging into your CRG account, as illustrated below. -![image](../js/licensing/images/crg-licensed-profile.png) +![image](images/licensed-profile.png) Licensed scripts generated through the Custom Resource Generator (CRG) do not require additional license registration when downloaded by authenticated users. But if you are not downloading a licensed script, you need to register the license key in your application. For more information, refer to the [Licensing section](../js/licensing/license-key-registration.md). diff --git a/ej2-javascript/common/images/licensed-profile.png b/ej2-javascript/common/images/licensed-profile.png new file mode 100644 index 000000000..cd760552e Binary files /dev/null and b/ej2-javascript/common/images/licensed-profile.png differ diff --git a/ej2-javascript/document-editor/restrict-editing.md b/ej2-javascript/document-editor/restrict-editing.md index 1e40e61e9..23b20a8e4 100644 --- a/ej2-javascript/document-editor/restrict-editing.md +++ b/ej2-javascript/document-editor/restrict-editing.md @@ -1,7 +1,7 @@ --- layout: post -title: Restrict editing in ##Platform_Name## Document editor control | Syncfusion -description: Learn here all about Restrict editing in Syncfusion ##Platform_Name## Document editor control of Syncfusion Essential JS 2 and more. +title: Restrict editing in ##Platform_Name## Document Editor Control | Syncfusion +description: Learn here all about Restrict editing in Syncfusion ##Platform_Name## Document Editor control of Syncfusion Essential JS 2 and more. platform: ej2-javascript control: Restrict editing publishingplatform: ##Platform_Name## diff --git a/ej2-javascript/heatmap-chart/accessibility.md b/ej2-javascript/heatmap-chart/accessibility.md index e22b2516a..071dc2ffe 100644 --- a/ej2-javascript/heatmap-chart/accessibility.md +++ b/ej2-javascript/heatmap-chart/accessibility.md @@ -20,10 +20,10 @@ The accessibility compliance for the HeatMap control is outlined below. | [WCAG 2.2 Support](../common/accessibility#accessibility-standards) | Intermediate | | [Section 508 Support](../common/accessibility#accessibility-standards) | Intermediate | | [Screen Reader Support](../common/accessibility#screen-reader-support) | Yes | -| [Right-To-Left Support](../common/accessibility#right-to-left-support) | No | +| [Right-To-Left Support](../common/accessibility#right-to-left-support) | Not Applicable | | [Color Contrast](../common/accessibility#color-contrast) | Yes | | [Mobile Device Support](../common/accessibility#mobile-device-support) | Yes | -| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | No | +| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | Not Applicable | | [Accessibility Checker Validation](../common/accessibility#ensuring-accessibility) | Yes | | [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | Yes | diff --git a/ej2-javascript/linear-gauge/accessibility.md b/ej2-javascript/linear-gauge/accessibility.md index c3fcc2d6f..8a960abf1 100644 --- a/ej2-javascript/linear-gauge/accessibility.md +++ b/ej2-javascript/linear-gauge/accessibility.md @@ -20,10 +20,10 @@ The accessibility compliance for the Linear Gauge control is outlined below. | [WCAG 2.2 Support](../common/accessibility#accessibility-standards) | Intermediate | | [Section 508 Support](../common/accessibility#accessibility-standards) | Intermediate | | [Screen Reader Support](../common/accessibility#screen-reader-support) | Yes | -| [Right-To-Left Support](../common/accessibility#right-to-left-support) | No | +| [Right-To-Left Support](../common/accessibility#right-to-left-support) | Not Applicable | | [Color Contrast](../common/accessibility#color-contrast) | Yes | | [Mobile Device Support](../common/accessibility#mobile-device-support) | Yes | -| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | No | +| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | Not Applicable | | [Accessibility Checker Validation](../common/accessibility#ensuring-accessibility) | Yes | | [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | Yes | diff --git a/ej2-javascript/maps/accessibility.md b/ej2-javascript/maps/accessibility.md index b0d6756bd..42213fdab 100644 --- a/ej2-javascript/maps/accessibility.md +++ b/ej2-javascript/maps/accessibility.md @@ -20,7 +20,7 @@ The accessibility compliance for the Maps control is outlined below. | [WCAG 2.2 Support](../common/accessibility#accessibility-standards) | Yes | | [Section 508 Support](../common/accessibility#accessibility-standards) | Yes | | [Screen Reader Support](../common/accessibility#screen-reader-support) | Yes | -| [Right-To-Left Support](../common/accessibility#right-to-left-support) | No | +| [Right-To-Left Support](../common/accessibility#right-to-left-support) | Not Applicable | | [Color Contrast](../common/accessibility#color-contrast) | Yes | | [Mobile Device Support](../common/accessibility#mobile-device-support) | Yes | | [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) |Yes | diff --git a/ej2-javascript/toast/accessibility.md b/ej2-javascript/toast/accessibility.md index 4de82c0f3..c2ac9eb35 100644 --- a/ej2-javascript/toast/accessibility.md +++ b/ej2-javascript/toast/accessibility.md @@ -29,7 +29,7 @@ The accessibility compliance for the Toast component is outlined below. | [Right-To-Left Support](../common/accessibility#right-to-left-support) | Yes | | [Color Contrast](../common/accessibility#color-contrast) | Yes | | [Mobile Device Support](../common/accessibility#mobile-device-support) | Yes | -| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | No | +| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | Not Applicable | | [Accessibility Checker Validation](../common/accessibility#ensuring-accessibility) | Yes | | [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | Yes | @@ -90,4 +90,4 @@ The accessibility compliance of the Toast component is shown in the following sa ## See also -* [Accessibility in Syncfusion components](../common/accessibility) \ No newline at end of file +* [Accessibility in Syncfusion components](../common/accessibility) diff --git a/ej2-javascript/treemap/accessibility.md b/ej2-javascript/treemap/accessibility.md index 250500519..496f044ca 100644 --- a/ej2-javascript/treemap/accessibility.md +++ b/ej2-javascript/treemap/accessibility.md @@ -24,7 +24,7 @@ The accessibility compliance for the TreeMap control is outlined below. | [Right-To-Left Support](../common/accessibility#right-to-left-support) | Yes | | [Color Contrast](../common/accessibility#color-contrast) | Yes | | [Mobile Device Support](../common/accessibility#mobile-device-support) | Yes | -| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | No | +| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | Not Applicable | | [Accessibility Checker Validation](../common/accessibility#ensuring-accessibility) | Yes | | [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | Yes |