Skip to content

Commit a72b167

Browse files
SyncfusionBuildSyncfusionBuild
authored
Merge pull request #318 from Syncfusion-Content/hotfix/hotfix-v26.1.35
DOCINFRA-2341_merged_using_automation
2 parents 791429f + 67d911e commit a72b167

File tree

226 files changed

+4537
-1256
lines changed

Some content is hidden

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

226 files changed

+4537
-1256
lines changed

‎ej2-javascript-toc.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1875,6 +1875,7 @@
18751875
<li><a href="/ej2-javascript/pdfviewer/how-to/signatureselect-signatureunselect-js">SignatureSelect and SignatureUnselect event</a></li>
18761876
<li><a href="/ej2-javascript/pdfviewer/how-to/download-start-event-js">Controlling File Downloads</a></li>
18771877
<li><a href="/ej2-javascript/pdfviewer/how-to/min-max-zoom-js">Minimum and Maximum Zoom Properties</a></li>
1878+
<li><a href="/ej2-javascript/pdfviewer/how-to/restricting-zoom-in-mobile-mode-js">How to Restrict Zoom Percentage on Mobile Devices</a></li>
18781879
</ul>
18791880
</li>
18801881
<li>Troubleshooting

‎ej2-javascript/code-snippet/diagram/customRuler-cs1/index.js‎

Lines changed: 22 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,23 @@
11
var diagram = new ej.diagrams.Diagram({
2-
width: '100%', height: '600px',
3-
rulerSettings: {
4-
showRulers: true, horizontalRuler:{interval:8, segmentWidth:100, thickness:35, tickAlignment:"LeftOrTop"}, verticalRuler:{interval:10, segmentWidth:150, thickness:35, tickAlignment:"RightOrBottom"}
5-
},
6-
});
7-
diagram.appendTo('#element');
8-
2+
width: '100%',
3+
height: '600px',
4+
rulerSettings: {
5+
showRulers: true,
6+
horizontalRuler: {
7+
interval: 8,
8+
segmentWidth: 100,
9+
thickness: 35,
10+
//Align horizontal ruler tick to the bottom side.
11+
tickAlignment: 'RightOrBottom',
12+
},
13+
verticalRuler: {
14+
interval: 10,
15+
segmentWidth: 200,
16+
thickness: 35,
17+
//Align vertical ruler tick to the left side.
18+
tickAlignment: 'LeftOrTop',
19+
},
20+
},
21+
});
22+
diagram.appendTo('#element');
23+

‎ej2-javascript/code-snippet/diagram/customRuler-cs1/index.ts‎

Lines changed: 21 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,23 @@
1-
2-
3-
41
import { Diagram } from '@syncfusion/ej2-diagrams';
52
let diagram: Diagram = new Diagram({
6-
width: '100%', height: '600px', rulerSettings: {
7-
showRulers: true, horizontalRuler:{interval:8, segmentWidth:100, thickness:25, tickAlignment:"LeftOrTop"},verticalRuler:{interval:10, segmentWidth:150, thickness:35, tickAlignment:"RightOrBottom"}
8-
},
9-
});
10-
diagram.appendTo('#element');
11-
12-
3+
width: '100%',
4+
height: '600px',
5+
rulerSettings: {
6+
showRulers: true,
7+
horizontalRuler: {
8+
interval: 8,
9+
segmentWidth: 100,
10+
thickness: 25,
11+
//Align horizontal ruler tick to the bottom side.
12+
tickAlignment: 'RightOrBottom',
13+
},
14+
verticalRuler: {
15+
interval: 10,
16+
segmentWidth: 200,
17+
thickness: 35,
18+
//Align vertical ruler tick to the left side.
19+
tickAlignment: 'LeftOrTop',
20+
},
21+
},
22+
});
23+
diagram.appendTo('#element');

‎ej2-javascript/code-snippet/diagram/gridlines-cs3/index.ts‎

Lines changed: 29 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,34 @@
1-
2-
3-
4-
import {Diagram,SnapConstraints,SnapSettingsModel,Snapping} from '@syncfusion/ej2-diagrams';
5-
Diagram.Inject(Snapping);
6-
let snapSettings: SnapSettingsModel = {
1+
import {
2+
Diagram,
3+
SnapConstraints,
4+
SnapSettingsModel,
5+
Snapping,
6+
} from '@syncfusion/ej2-diagrams';
7+
Diagram.Inject(Snapping);
8+
let snapSettings: SnapSettingsModel = {
9+
// Define the Constraints for gridlines and snapping
710
constraints: SnapConstraints.ShowLines,
11+
gridType: 'Dots',
12+
// Defines the horizontalGridlines for SnapSettings
813
horizontalGridlines: {
9-
// Sets the lineIntervals of Gridlines
10-
lineIntervals: [1.25, 14, 0.25, 15, 0.25, 15, 0.25, 15, 0.25, 15],
11-
lineColor: 'blue',
12-
lineDashArray: '2 2'
14+
// Sets the line color of gridlines
15+
lineColor: 'blue',
16+
// Defines the dot intervals of gridlines
17+
dotIntervals: [3, 20, 1, 20, 1, 20, 1, 20, 1, 20],
1318
},
19+
// Defines the verticalGridlines for SnapSettings
1420
verticalGridlines: {
15-
// Sets the lineIntervals of Gridlines
16-
lineIntervals: [1.25, 14, 0.25, 15, 0.25, 15, 0.25, 15, 0.25, 15],
17-
lineColor: 'blue',
18-
lineDashArray: '2 2'
19-
}
20-
};
21-
let diagram: Diagram = new Diagram({
21+
// Defines the dot intervals of gridlines
22+
dotIntervals: [3, 20, 1, 20, 1, 20],
23+
// Sets the line color of gridlines
24+
lineColor: 'blue',
25+
},
26+
};
27+
let diagram: Diagram = new Diagram({
2228
width: '100%',
23-
height: '500px',
24-
snapSettings: snapSettings
25-
});
26-
diagram.appendTo('#element');
27-
28-
29-
29+
height: '700px',
30+
// Define the snap setting for the diagram
31+
snapSettings: snapSettings,
32+
});
33+
diagram.appendTo('#element');
34+

‎ej2-javascript/code-snippet/diagram/gridlines-cs6/index.js‎

Lines changed: 37 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,31 +1,44 @@
1-
let nodes = [{
2-
id: 'node1',
3-
width: 100,
4-
height: 100,
5-
offsetX: 100,
6-
offsetY: 100,
7-
style: {
8-
strokeColor: '#6BA5D7',
9-
fill: '#6BA5D7'
10-
}
11-
}];
12-
13-
var snapSettings = {
1+
let nodes = [
2+
{
3+
id: 'node1',
4+
style: { fill: '#6BA5D7', strokeColor: '#6BA5D7' },
5+
width: 100,
6+
height: 100,
7+
offsetX: 100,
8+
offsetY: 100,
9+
},
10+
{
11+
id: 'node2',
12+
style: { fill: '#6BA5D7', strokeColor: '#6BA5D7' },
13+
width: 100,
14+
height: 100,
15+
offsetX: 300,
16+
offsetY: 100,
17+
},
18+
];
19+
20+
var snapSettings = {
21+
// Enable snap to object constraint
22+
constraints:
23+
ej.diagrams.SnapConstraints.SnapToObject |
24+
ej.diagrams.SnapConstraints.ShowLines,
25+
// Sets the Snap object distance
1426
snapObjectDistance: 10,
15-
snapAngle: 10,
16-
snapLineColor: 'red'
17-
};
18-
var diagram = new ej.diagrams.Diagram({
19-
width: '800px',
20-
height: '500px',
21-
nodes: nodes,
22-
getNodeDefaults: function(node) {
27+
};
28+
var diagram = new ej.diagrams.Diagram(
29+
{
30+
width: '800px',
31+
height: '500px',
32+
nodes: nodes,
33+
getNodeDefaults: function (node) {
2334
node.height = 100;
2435
node.width = 100;
2536
node.style.fill = '#6BA5D7';
2637
node.style.strokeColor = 'white';
2738
return node;
39+
},
40+
snapSettings: snapSettings,
2841
},
29-
snapSettings: snapSettings
30-
}, '#element');
31-
42+
'#element'
43+
);
44+

‎ej2-javascript/code-snippet/diagram/gridlines-cs6/index.ts‎

Lines changed: 34 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,40 @@
1-
2-
3-
4-
import {Diagram,SnapConstraints,SnapSettingsModel,Snapping,NodeModel} from '@syncfusion/ej2-diagrams';
5-
Diagram.Inject(Snapping);
6-
let nodes: NodeModel[] = [{
7-
id: 'node1',
8-
style:{fill:'#6BA5D7',strokeColor:'#6BA5D7'},
9-
width: 100,
10-
height: 100,
11-
offsetX: 100,
12-
offsetY: 100
13-
},{
14-
id: 'node2',
15-
style:{fill:'#6BA5D7',strokeColor:'#6BA5D7'},
16-
width: 100,
17-
height: 100,
18-
offsetX: 300,
19-
offsetY: 100
20-
}];
21-
let snapSettings: SnapSettingsModel = {
1+
import {
2+
Diagram,
3+
SnapConstraints,
4+
SnapSettingsModel,
5+
Snapping,
6+
NodeModel,
7+
} from '@syncfusion/ej2-diagrams';
8+
Diagram.Inject(Snapping);
9+
let nodes: NodeModel[] = [
10+
{
11+
id: 'node1',
12+
style: { fill: '#6BA5D7', strokeColor: '#6BA5D7' },
13+
width: 100,
14+
height: 100,
15+
offsetX: 100,
16+
offsetY: 100,
17+
},
18+
{
19+
id: 'node2',
20+
style: { fill: '#6BA5D7', strokeColor: '#6BA5D7' },
21+
width: 100,
22+
height: 100,
23+
offsetX: 300,
24+
offsetY: 100,
25+
},
26+
];
27+
let snapSettings: SnapSettingsModel = {
2228
// Enable snap to object constraint
23-
constraints: SnapConstraints.SnapToObject|SnapConstraints.ShowLines,
29+
constraints: SnapConstraints.SnapToObject | SnapConstraints.ShowLines,
2430
// Sets the Snap object distance
2531
snapObjectDistance: 10,
26-
// Snap Angle for object
27-
snapAngle: 10,
28-
// Set the Snapline color
29-
snapLineColor: 'red'
30-
31-
};
32-
let diagram: Diagram = new Diagram({
32+
};
33+
let diagram: Diagram = new Diagram({
3334
width: '100%',
3435
height: '500px',
3536
nodes: nodes,
36-
snapSettings: snapSettings
37-
});
38-
diagram.appendTo('#element');
39-
40-
41-
37+
snapSettings: snapSettings,
38+
});
39+
diagram.appendTo('#element');
40+

‎ej2-javascript/code-snippet/diagram/gridlines-dots/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/gridlines-dots/index.js‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
var snapSettings = {
2+
// Define the Constraints for gridlines and snapping
3+
constraints: ej.diagrams.SnapConstraints.ShowLines,
4+
gridType: 'Dots',
5+
// Defines the horizontalGridlines for SnapSettings
6+
horizontalGridlines: {
7+
// Sets the line color of gridlines
8+
lineColor: 'blue',
9+
// Defines the dot intervals of gridlines
10+
dotIntervals: [3, 20, 1, 20, 1, 20, 1, 20, 1, 20],
11+
},
12+
// Defines the verticalGridlines for SnapSettings
13+
verticalGridlines: {
14+
// Defines the dot intervals of gridlines
15+
dotIntervals: [3, 20, 1, 20, 1, 20],
16+
// Sets the line color of gridlines
17+
lineColor: 'blue',
18+
},
19+
};
20+
var diagram = new ej.diagrams.Diagram(
21+
{
22+
width: '100%',
23+
height: '700px',
24+
snapSettings: snapSettings,
25+
},
26+
'#element'
27+
);
28+

‎ej2-javascript/code-snippet/diagram/gridlines-dots/index.ts‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
import {
2+
Diagram,
3+
SnapConstraints,
4+
SnapSettingsModel,
5+
Snapping,
6+
} from '@syncfusion/ej2-diagrams';
7+
Diagram.Inject(Snapping);
8+
let snapSettings: SnapSettingsModel = {
9+
constraints: SnapConstraints.ShowLines,
10+
horizontalGridlines: {
11+
// Sets the lineIntervals of Gridlines
12+
lineIntervals: [1.25, 10, 0.25, 10, 0.25, 10, 0.25, 10, 0.25, 10],
13+
lineColor: 'black',
14+
},
15+
verticalGridlines: {
16+
// Sets the lineIntervals of Gridlines
17+
lineIntervals: [1.25, 10, 0.25, 10, 0.25, 10, 0.25, 10, 0.25, 10],
18+
lineColor: 'black',
19+
},
20+
};
21+
let diagram: Diagram = new Diagram({
22+
width: '100%',
23+
height: '500px',
24+
snapSettings: snapSettings,
25+
});
26+
diagram.appendTo('#element');
27+

‎ej2-javascript/code-snippet/diagram/gridlines-dots/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>

0 commit comments

Comments
 (0)