Skip to content

Commit b91d47b

Browse files
Integrated latest changes at 06-27-2024 10:30:07 AM
1 parent b4cfd1f commit b91d47b

File tree

11 files changed

+99
-125
lines changed

11 files changed

+99
-125
lines changed

ej2-javascript/circular-gauge/accessibility.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ The accessibility compliance for the Circular Gauge control is outlined below.
2424
| [Right-To-Left Support](../common/accessibility#right-to-left-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2525
| [Color Contrast](../common/accessibility#color-contrast) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2626
| [Mobile Device Support](../common/accessibility#mobile-device-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
27-
| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | <img src="https://cdn.syncfusion.com/content/images/documentation/not-supported.png" alt="No"> |
27+
| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | Not Applicable |
2828
| [Accessibility Checker Validation](../common/accessibility#ensuring-accessibility) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2929
| [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
3030

Lines changed: 39 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,58 +1,51 @@
1-
// Define ports
21
let port1 = {
32
style: {
4-
strokeColor: '#000000',
5-
fill: ' #FFFF00'
6-
},
7-
// Define port connection direction
8-
connectionDirection: 'Right',
9-
shape: 'Square',
10-
id: 'port1',
11-
visibility: ej2_diagrams_1.PortVisibility.Visible,
12-
offset: {
13-
x: 0.5,
14-
y: 0.5
3+
strokeColor: 'black',
4+
fill: 'yellow'
155
}
6+
}
7+
port1.shape = 'Square';
8+
port1.visibility =ej.diagrams.PortVisibility.Visible;
9+
//specify the direction of the port
10+
port1.connectionDirection="Right"
11+
port1.id = 'port';
12+
port1.offset = {
13+
x: 0.5,
14+
y: 0.5
1615
};
17-
1816
let port2 = {
1917
style: {
20-
strokeColor: '#000000',
21-
fill: ' #FFFF00'
22-
},
23-
offset: {
24-
x: 0,
25-
y: 0
26-
},
27-
id: 'port2',
28-
visibility: ej2_diagrams_1.PortVisibility.Visible,
29-
shape: 'Square',
30-
// Define port connection direction
31-
connectionDirection: 'Left'
18+
strokeColor: 'black',
19+
fill: 'yellow'
20+
}
21+
};
22+
port2.offset = {
23+
x: 0,
24+
y: 0
3225
};
33-
34-
// Define nodes
26+
port2.id = 'port1';
27+
port2.visibility = ej.diagrams.PortVisibility.Visible;
28+
//specify the direction of the port
29+
port2.connectionDirection="Left"
30+
port2.shape = 'Square';
31+
3532
let nodes = [{
3633
id: 'node',
3734
width: 100,
3835
height: 100,
39-
offsetX: 600,
40-
offsetY: 300,
41-
ports: [port1],
42-
fill: '#87CEEB'
36+
offsetX: 100,
37+
offsetY: 200,
38+
ports: [port1]
4339
},
4440
{
4541
id: 'node1',
4642
width: 100,
4743
height: 100,
48-
offsetX: 800,
49-
offsetY: 200,
50-
ports: [port2],
51-
fill: 'red'
52-
}
44+
offsetX: 300,
45+
offsetY: 100,
46+
ports: [port2]
47+
},
5348
];
54-
55-
// Define a connector between the nodes
5649
let connectors = {
5750
id: "connector1",
5851
sourcePoint: {
@@ -66,26 +59,19 @@ let connectors = {
6659
},
6760
sourceID: 'node',
6861
targetID: 'node1',
69-
sourcePortID: 'port1',
70-
targetPortID: 'port2'
71-
};
72-
73-
// Initialize diagram component
74-
let diagram = new ej2.diagrams.Diagram({
75-
width: '100%',
76-
height: '600px',
77-
// Add nodes and connectors
62+
sourcePortID: 'port',
63+
targetPortID: 'port1'
64+
}
65+
let diagram = new ej.diagrams.Diagram({
66+
width: 900,
67+
height: 900,
7868
nodes: nodes,
7969
connectors: [connectors],
8070
getNodeDefaults: (node) => {
81-
// Customize default node appearance
8271
node.height = 100;
8372
node.width = 100;
8473
node.style.fill = '#6BA5D7';
8574
node.style.strokeColor = 'white';
8675
return node;
87-
}
88-
});
89-
90-
// Render initialized diagram
91-
diagram.appendTo('#element');
76+
},
77+
}, '#element' );
Lines changed: 45 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -1,62 +1,56 @@
1-
// Import necessary modules
2-
const ej2_diagrams_1 = require("@syncfusion/ej2-diagrams");
31

4-
// Define ports
5-
let port1 = {
2+
3+
4+
import {ConnectorModel,NodeModel,PointPortModel,Diagram,PortVisibility,} from'@syncfusion/ej2-diagrams';
5+
let port1: PointPortModel = {
66
style: {
7-
strokeColor: '#000000',
8-
fill: ' #FFFF00'
9-
},
10-
// Define port connection direction
11-
connectionDirection: 'Right',
12-
shape: 'Square',
13-
id: 'port1',
14-
visibility: ej2_diagrams_1.PortVisibility.Visible,
15-
offset: {
16-
x: 0.5,
17-
y: 0.5
7+
strokeColor: 'black',
8+
fill: 'yellow'
189
}
10+
}
11+
port1.shape = 'Square';
12+
port1.visibility = PortVisibility.Visible
13+
//specify the direction of the port
14+
port1.connectionDirection="Right"
15+
port1.id = 'port';
16+
port1.offset = {
17+
x: 0.5,
18+
y: 0.5
1919
};
20-
21-
let port2 = {
20+
let port2: PointPortModel = {
2221
style: {
23-
strokeColor: '#000000',
24-
fill: ' #FFFF00'
25-
},
26-
offset: {
27-
x: 0,
28-
y: 0
29-
},
30-
id: 'port2',
31-
visibility: ej2_diagrams_1.PortVisibility.Visible,
32-
shape: 'Square',
33-
// Define port connection direction
34-
connectionDirection: 'Left'
22+
strokeColor: 'black',
23+
fill: 'yellow'
24+
}
3525
};
26+
port2.offset = {
27+
x: 0,
28+
y: 0
29+
};
30+
port2.id = 'port1';
31+
port2.visibility = PortVisibility.Visible
32+
//specify the direction of the port
33+
port2.connectionDirection="Left"
34+
port2.shape = 'Square';
3635

37-
// Define nodes
38-
let nodes = [{
36+
let nodes: NodeModel[] = [{
3937
id: 'node',
4038
width: 100,
4139
height: 100,
42-
offsetX: 600,
43-
offsetY: 300,
44-
ports: [port1],
45-
fill: '#87CEEB'
40+
offsetX: 100,
41+
offsetY: 200,
42+
ports: [port1]
4643
},
4744
{
4845
id: 'node1',
4946
width: 100,
5047
height: 100,
51-
offsetX: 800,
52-
offsetY: 200,
53-
ports: [port2],
54-
fill: 'red'
55-
}
48+
offsetX: 300,
49+
offsetY: 100,
50+
ports: [port2]
51+
},
5652
];
57-
58-
// Define a connector between the nodes
59-
let connectors = {
53+
let connectors: ConnectorModel = {
6054
id: "connector1",
6155
sourcePoint: {
6256
x: 100,
@@ -69,26 +63,20 @@ let connectors = {
6963
},
7064
sourceID: 'node',
7165
targetID: 'node1',
72-
sourcePortID: 'port1',
73-
targetPortID: 'port2'
74-
};
75-
76-
// Initialize diagram component
77-
let diagram = new ej2_diagrams_1.Diagram({
78-
width: '100%',
79-
height: '600px',
80-
// Add nodes and connectors
66+
sourcePortID: 'port',
67+
targetPortID: 'port1'
68+
}
69+
let diagram: Diagram = new Diagram({
70+
width: 900,
71+
height: 900,
8172
nodes: nodes,
8273
connectors: [connectors],
83-
getNodeDefaults: (node) => {
84-
// Customize default node appearance
74+
getNodeDefaults: (node: NodeModel) => {
8575
node.height = 100;
8676
node.width = 100;
8777
node.style.fill = '#6BA5D7';
8878
node.style.strokeColor = 'white';
8979
return node;
90-
}
80+
},
9181
});
92-
93-
// Render initialized diagram
9482
diagram.appendTo('#element');

ej2-javascript/common/custom-resource-generator.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ Refer to the following steps to download the custom resources in CRG.
6161

6262
## Import previously generated settings into the CRG
6363

64-
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.
64+
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.
6565

6666
Refer to the following steps to import previous **import.json** file in the CRG.
6767

@@ -70,11 +70,11 @@ Refer to the following steps to import previous **import.json** file in the CRG.
7070
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.
7171
![ej2 Previous changes restored](images/previous-changes-restored.png)
7272

73-
## To dowload a Licensed script
73+
## To download a licensed script
7474

75-
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.
75+
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.
7676

77-
![image](../js/licensing/images/crg-licensed-profile.png)
77+
![image](images/licensed-profile.png)
7878

7979
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).
8080

Loading

ej2-javascript/document-editor/restrict-editing.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
layout: post
3-
title: Restrict editing in ##Platform_Name## Document editor control | Syncfusion
4-
description: Learn here all about Restrict editing in Syncfusion ##Platform_Name## Document editor control of Syncfusion Essential JS 2 and more.
3+
title: Restrict editing in ##Platform_Name## Document Editor Control | Syncfusion
4+
description: Learn here all about Restrict editing in Syncfusion ##Platform_Name## Document Editor control of Syncfusion Essential JS 2 and more.
55
platform: ej2-javascript
66
control: Restrict editing
77
publishingplatform: ##Platform_Name##

ej2-javascript/heatmap-chart/accessibility.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,10 @@ The accessibility compliance for the HeatMap control is outlined below.
2020
| [WCAG 2.2 Support](../common/accessibility#accessibility-standards) | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> |
2121
| [Section 508 Support](../common/accessibility#accessibility-standards) | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> |
2222
| [Screen Reader Support](../common/accessibility#screen-reader-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
23-
| [Right-To-Left Support](../common/accessibility#right-to-left-support) | <img src="https://cdn.syncfusion.com/content/images/documentation/not-supported.png" alt="No"> |
23+
| [Right-To-Left Support](../common/accessibility#right-to-left-support) | Not Applicable |
2424
| [Color Contrast](../common/accessibility#color-contrast) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2525
| [Mobile Device Support](../common/accessibility#mobile-device-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
26-
| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | <img src="https://cdn.syncfusion.com/content/images/documentation/not-supported.png" alt="No"> |
26+
| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | Not Applicable |
2727
| [Accessibility Checker Validation](../common/accessibility#ensuring-accessibility) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2828
| [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2929

ej2-javascript/linear-gauge/accessibility.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,10 +20,10 @@ The accessibility compliance for the Linear Gauge control is outlined below.
2020
| [WCAG 2.2 Support](../common/accessibility#accessibility-standards) | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> |
2121
| [Section 508 Support](../common/accessibility#accessibility-standards) | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> |
2222
| [Screen Reader Support](../common/accessibility#screen-reader-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
23-
| [Right-To-Left Support](../common/accessibility#right-to-left-support) | <img src="https://cdn.syncfusion.com/content/images/documentation/not-supported.png" alt="No"> |
23+
| [Right-To-Left Support](../common/accessibility#right-to-left-support) | Not Applicable |
2424
| [Color Contrast](../common/accessibility#color-contrast) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2525
| [Mobile Device Support](../common/accessibility#mobile-device-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
26-
| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | <img src="https://cdn.syncfusion.com/content/images/documentation/not-supported.png" alt="No"> |
26+
| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | Not Applicable |
2727
| [Accessibility Checker Validation](../common/accessibility#ensuring-accessibility) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2828
| [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2929

ej2-javascript/maps/accessibility.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ The accessibility compliance for the Maps control is outlined below.
2020
| [WCAG 2.2 Support](../common/accessibility#accessibility-standards) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2121
| [Section 508 Support](../common/accessibility#accessibility-standards) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2222
| [Screen Reader Support](../common/accessibility#screen-reader-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
23-
| [Right-To-Left Support](../common/accessibility#right-to-left-support) | <img src="https://cdn.syncfusion.com/content/images/documentation/not-supported.png" alt="No"> |
23+
| [Right-To-Left Support](../common/accessibility#right-to-left-support) | Not Applicable |
2424
| [Color Contrast](../common/accessibility#color-contrast) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2525
| [Mobile Device Support](../common/accessibility#mobile-device-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2626
| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) |<img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |

ej2-javascript/toast/accessibility.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ The accessibility compliance for the Toast component is outlined below.
2929
| [Right-To-Left Support](../common/accessibility#right-to-left-support) | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
3030
| [Color Contrast](../common/accessibility#color-contrast) | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
3131
| [Mobile Device Support](../common/accessibility#mobile-device-support) | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
32-
| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | <img src="https://cdn.syncfusion.com/content/images/documentation/not-supported.png" alt="No"> |
32+
| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | Not Applicable |
3333
| [Accessibility Checker Validation](../common/accessibility#ensuring-accessibility) | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
3434
| [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | <img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> |
3535

@@ -90,4 +90,4 @@ The accessibility compliance of the Toast component is shown in the following sa
9090

9191
## See also
9292

93-
* [Accessibility in Syncfusion components](../common/accessibility)
93+
* [Accessibility in Syncfusion components](../common/accessibility)

ej2-javascript/treemap/accessibility.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ The accessibility compliance for the TreeMap control is outlined below.
2424
| [Right-To-Left Support](../common/accessibility#right-to-left-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2525
| [Color Contrast](../common/accessibility#color-contrast) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2626
| [Mobile Device Support](../common/accessibility#mobile-device-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
27-
| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | <img src="https://cdn.syncfusion.com/content/images/documentation/not-supported.png" alt="No"> |
27+
| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) | Not Applicable |
2828
| [Accessibility Checker Validation](../common/accessibility#ensuring-accessibility) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
2929
| [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> |
3030

0 commit comments

Comments
 (0)