Skip to content

Commit 8d81898

Browse files
SyncfusionBuildSyncfusionBuild
authored
Merge pull request #340 from Syncfusion-Content/hotfix/hotfix-v26.2.4
DOCINFRA-2341_merged_using_automation
2 parents 85d1f66 + c9f594b commit 8d81898

File tree

853 files changed

+34952
-8950
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

853 files changed

+34952
-8950
lines changed

‎ej2-javascript-toc.html‎

Lines changed: 15 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -713,7 +713,7 @@
713713
</li><li>
714714
Diagram
715715
<ul>
716-
<li><a href="/ej2-javascript/diagram/es5-getting-started">Getting Started</a></li>
716+
<li><a href="/ej2-javascript/diagram/getting-started">Getting Started</a></li>
717717
<li><a href="/ej2-javascript/diagram/nodes">Node</a>
718718
<ul>
719719
<li><a href="/ej2-javascript/diagram/customization">Customization</a></li>
@@ -809,15 +809,24 @@
809809
<li><a href="/ej2-javascript/diagram/undo-redo">Undo and Redo</a></li>
810810
<li><a href="/ej2-javascript/diagram/virtualization">Virtualization</a></li>
811811
<li><a href="/ej2-javascript/diagram/serialization">Serialization</a></li>
812-
<li><a href="/ej2-javascript/diagram/export">Printing and Exporting</a></li>
812+
<li><a href="/ej2-javascript/diagram/print">Printing</a></li>
813+
<li><a href="/ej2-javascript/diagram/export">Exporting</a></li>
813814
<li><a href="/ej2-javascript/diagram/tool-tip">Tooltip</a></li>
814815
<li><a href="/ej2-javascript/diagram/user-handle">Userhandle</a></li>
815816
<li><a href="/ej2-javascript/diagram/style">CSS Structure</a></li>
816817
<li><a href="/ej2-javascript/diagram/ruler">Ruler</a></li>
817818
<li><a href="/ej2-javascript/diagram/layers">Layers</a></li>
818819
<li><a href="/ej2-javascript/diagram/context-menu">Context Menu</a></li>
819-
<li><a href="/ej2-javascript/diagram/symbol-palette">Symbol Palette</a></li>
820+
<li><a href="/ej2-javascript/diagram/symbol-palette">Symbol Palette</a>
821+
<ul>
822+
<li><a href="/ej2-javascript/diagram/palette-customization">Customization</a></li>
823+
<li><a href="/ej2-javascript/diagram/palette-events">Events</a></li>
824+
825+
</ul>
826+
</li>
820827
<li><a href="/ej2-javascript/diagram/overview">Overview Control</a></li>
828+
<li><a href="/ej2-javascript/diagram/events">Events</a></li>
829+
<li><a href="/ej2-javascript/diagram/diagram-methods">Diagram Properties</a></li>
821830
<li><a href="/ej2-javascript/diagram/ej1-api-migration">Migration from Essential JS 1</a></li>
822831
<li><a href="/ej2-javascript/diagram/load-json">Load EJ1 Saved JSON into EJ2</a></li>
823832
<li><a href="https://ej2.syncfusion.com/javascript/documentation/api/diagram/">API Reference</a></li>
@@ -905,9 +914,10 @@
905914
<li><a href="/ej2-javascript/document-editor/server-deployment/how-to-deploy-documenteditor-java-web-api-in-azure">How to Deploy Document Editor Java Web API in Azure App Service</a></li>
906915
</ul>
907916
</li>
908-
<li>Collaborative Editing
917+
<li><a href="/ej2-javascript/document-editor/collaborative-editing/overview">Collaborative Editing</a>
909918
<ul>
910-
<li><a href="/ej2-javascript/document-editor/collaborative-editing/using-dot-net">Using ASP.NET Core</a></li>
919+
<li><a href="/ej2-javascript/document-editor/collaborative-editing/using-redis-cache-asp-net-core">Using Redis in ASP.NET Core</a></li>
920+
<li><a href="/ej2-javascript/document-editor/collaborative-editing/using-dot-net">Using Database in ASP.NET Core</a></li>
911921
<li><a href="/ej2-javascript/document-editor/collaborative-editing/using-java">Using Java</a></li>
912922
</ul>
913923
</li>

‎ej2-javascript/code-snippet/diagram/AutomaticLayout-animComplete/index.css‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
#container {
2+
visibility: hidden;
3+
}
4+
5+
#loader {
6+
color: #008cff;
7+
font-family: 'Helvetica Neue','calibiri';
8+
font-size: 14px;
9+
height: 40px;
10+
left: 45%;
11+
position: absolute;
12+
top: 45%;
13+
width: 30%;
14+
}
15+
16+
#element {
17+
display: block;
18+
}

‎ej2-javascript/code-snippet/diagram/AutomaticLayout-animComplete/index.js‎

Lines changed: 114 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,114 @@
1+
var nodes = [
2+
{
3+
id: 'Start',
4+
width: 140,
5+
height: 50,
6+
offsetX: 300,
7+
offsetY: 50,
8+
annotations: [
9+
{
10+
content: 'Node1',
11+
},
12+
],
13+
style: {
14+
fill: '#6BA5D7',
15+
strokeColor: 'white',
16+
},
17+
expandIcon: {
18+
shape: 'ArrowDown',
19+
width: 20,
20+
height: 15,
21+
},
22+
collapseIcon: {
23+
shape: 'ArrowUp',
24+
width: 20,
25+
height: 15,
26+
},
27+
},
28+
{
29+
id: 'Init',
30+
width: 140,
31+
height: 50,
32+
offsetX: 300,
33+
offsetY: 140,
34+
style: {
35+
fill: '#6BA5D7',
36+
strokeColor: 'white',
37+
},
38+
annotations: [
39+
{
40+
content: 'Node2',
41+
},
42+
],
43+
},
44+
{
45+
id: 'Init2',
46+
width: 140,
47+
height: 50,
48+
offsetX: 100,
49+
offsetY: 140,
50+
style: {
51+
fill: '#6BA5D7',
52+
strokeColor: 'white',
53+
},
54+
annotations: [
55+
{
56+
content: 'Node3 ',
57+
},
58+
],
59+
},
60+
{
61+
id: 'Init3',
62+
width: 140,
63+
height: 50,
64+
offsetX: 150,
65+
offsetY: 140,
66+
style: {
67+
fill: '#6BA5D7',
68+
strokeColor: 'white',
69+
},
70+
annotations: [
71+
{
72+
content: 'Node4 ',
73+
},
74+
],
75+
},
76+
];
77+
var connectors = [
78+
{
79+
// Unique name for the connector
80+
id: 'connector1',
81+
sourceID: 'Start',
82+
targetID: 'Init',
83+
type: 'Orthogonal',
84+
},
85+
{
86+
// Unique name for the connector
87+
id: 'connector2',
88+
sourceID: 'Start',
89+
targetID: 'Init2',
90+
type: 'Orthogonal',
91+
},
92+
{
93+
// Unique name for the connector
94+
id: 'connector3',
95+
sourceID: 'Init2',
96+
targetID: 'Init3',
97+
type: 'Orthogonal',
98+
},
99+
];
100+
var diagram = new ej.diagrams.Diagram({
101+
width: '100%',
102+
height: '600px',
103+
layout: { type: 'HierarchicalTree' },
104+
nodes: nodes,
105+
connectors: connectors,
106+
animationComplete: function () {
107+
console.log('Animation complete');
108+
diagram.nodes[0].style.fill =
109+
diagram.nodes[0].style.fill === '#6BA5D7' ? 'red' : '#6BA5D7';
110+
diagram.dataBind();
111+
//customize
112+
},
113+
});
114+
diagram.appendTo('#element');

‎ej2-javascript/code-snippet/diagram/AutomaticLayout-animComplete/index.ts‎

Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
import {
2+
Diagram,
3+
NodeModel,
4+
ConnectorModel,
5+
HierarchicalTree,
6+
LayoutAnimation,
7+
} from '@syncfusion/ej2-diagrams';
8+
Diagram.Inject(HierarchicalTree, LayoutAnimation);
9+
let nodes: NodeModel[] = [
10+
{
11+
id: 'Start',
12+
width: 140,
13+
height: 50,
14+
offsetX: 300,
15+
offsetY: 50,
16+
annotations: [
17+
{
18+
content: 'Node1',
19+
},
20+
],
21+
style: {
22+
fill: '#6BA5D7',
23+
strokeColor: 'white',
24+
},
25+
expandIcon: {
26+
shape: 'ArrowDown',
27+
width: 20,
28+
height: 15,
29+
},
30+
collapseIcon: {
31+
shape: 'ArrowUp',
32+
width: 20,
33+
height: 15,
34+
},
35+
},
36+
{
37+
id: 'Init',
38+
width: 140,
39+
height: 50,
40+
offsetX: 300,
41+
offsetY: 140,
42+
style: {
43+
fill: '#6BA5D7',
44+
strokeColor: 'white',
45+
},
46+
annotations: [
47+
{
48+
content: 'Node2',
49+
},
50+
],
51+
},
52+
{
53+
id: 'Init2',
54+
width: 140,
55+
height: 50,
56+
offsetX: 100,
57+
offsetY: 140,
58+
style: {
59+
fill: '#6BA5D7',
60+
strokeColor: 'white',
61+
},
62+
annotations: [
63+
{
64+
content: 'Node3 ',
65+
},
66+
],
67+
},
68+
{
69+
id: 'Init3',
70+
width: 140,
71+
height: 50,
72+
offsetX: 150,
73+
offsetY: 140,
74+
style: {
75+
fill: '#6BA5D7',
76+
strokeColor: 'white',
77+
},
78+
annotations: [
79+
{
80+
content: 'Node4 ',
81+
},
82+
],
83+
},
84+
];
85+
let connectors: ConnectorModel[] = [
86+
{
87+
// Unique name for the connector
88+
id: 'connector1',
89+
sourceID: 'Start',
90+
targetID: 'Init',
91+
type: 'Orthogonal',
92+
},
93+
{
94+
// Unique name for the connector
95+
id: 'connector2',
96+
sourceID: 'Start',
97+
targetID: 'Init2',
98+
type: 'Orthogonal',
99+
},
100+
{
101+
// Unique name for the connector
102+
id: 'connector3',
103+
sourceID: 'Init2',
104+
targetID: 'Init3',
105+
type: 'Orthogonal',
106+
},
107+
];
108+
let diagram: Diagram = new Diagram({
109+
width: '100%',
110+
height: '600px',
111+
layout: { type: 'HierarchicalTree' },
112+
nodes: nodes,
113+
connectors: connectors,
114+
animationComplete: function () {
115+
console.log('Animation complete');
116+
diagram.nodes[0].style.fill =
117+
diagram.nodes[0].style.fill === '#6BA5D7' ? 'red' : '#6BA5D7';
118+
diagram.dataBind();
119+
//customize
120+
},
121+
});
122+
diagram.appendTo('#element');

‎ej2-javascript/code-snippet/diagram/AutomaticLayout-animComplete/js/index.html‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE html><html lang="en"><head>
2+
<title>EJ2 Diagram</title>
3+
<meta charset="utf-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
5+
<meta name="description" content="Typescript UI Controls">
6+
<meta name="author" content="Syncfusion">
7+
<link href="index.css" rel="stylesheet">
8+
9+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-base/styles/material.css" rel="stylesheet">
10+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-buttons/styles/material.css" rel="stylesheet">
11+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-popups/styles/material.css" rel="stylesheet">
12+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-splitbuttons/styles/material.css" rel="stylesheet">
13+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-diagrams/styles/material.css" rel="stylesheet">
14+
<link href="https://cdn.syncfusion.com/ej2/20.3.56/ej2-navigations/styles/fabric.css" rel="stylesheet">
15+
16+
<script src="https://cdn.syncfusion.com/ej2/20.4.38/dist/ej2.min.js" type="text/javascript"></script>
17+
</head>
18+
19+
<body>
20+
21+
<div id="container">
22+
<div id="element"></div>
23+
</div>
24+
25+
26+
<script>
27+
var ele = document.getElementById('container');
28+
if(ele) {
29+
ele.style.visibility = "visible";
30+
}
31+
</script>
32+
<script src="index.js" type="text/javascript"></script>
33+
</body></html>

‎ej2-javascript/code-snippet/diagram/AutomaticLayout-animComplete/systemjs.config.js‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
System.config({
2+
transpiler: "typescript",
3+
typescriptOptions: {
4+
compilerOptions: {
5+
target: "umd",
6+
module: "commonjs",
7+
moduleResolution: "node",
8+
emitDecoratorMetadata: true,
9+
experimentalDecorators: true
10+
}
11+
},
12+
paths: {
13+
"syncfusion:": "https://cdn.syncfusion.com/ej2/20.3.56/"
14+
},
15+
map: {
16+
main: "index.ts",
17+
typescript: "https://unpkg.com/typescript@2.2.2/lib/typescript.js",
18+
"@syncfusion/ej2-base": "syncfusion:ej2-base/dist/ej2-base.umd.min.js",
19+
"@syncfusion/ej2-data": "syncfusion:ej2-data/dist/ej2-data.umd.min.js",
20+
"@syncfusion/ej2-diagrams": "syncfusion:ej2-diagrams/dist/ej2-diagrams.umd.min.js",
21+
"@syncfusion/ej2-popups": "syncfusion:ej2-popups/dist/ej2-popups.umd.min.js",
22+
"@syncfusion/ej2-buttons": "syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js",
23+
"@syncfusion/ej2-pdf-export": "syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js",
24+
"@syncfusion/ej2-file-utils": "syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js",
25+
"@syncfusion/ej2-compression": "syncfusion:ej2-compression/dist/ej2-compression.umd.min.js",
26+
"@syncfusion/ej2-navigations": "syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js",
27+
"@syncfusion/ej2-calendars": "syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js",
28+
"@syncfusion/ej2-lists": "syncfusion:ej2-lists/dist/ej2-lists.umd.min.js",
29+
"@syncfusion/ej2-inputs": "syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js",
30+
"@syncfusion/ej2-svg-base": "syncfusion:ej2-svg-base/dist/ej2-svg-base.umd.min.js",
31+
"@syncfusion/ej2-splitbuttons": "syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js"
32+
}
33+
});
34+
35+
System.import('index.ts').catch(console.error.bind(console)).then(function () {
36+
document.getElementById('loader').style.display = "none";
37+
document.getElementById('container').style.visibility = "visible";
38+
});

0 commit comments

Comments
 (0)