Skip to content

Commit 4d2063c

Browse files
SyncfusionBuildSyncfusionBuild
committed
Integrated latest changes at 08-07-2024 10:30:09 AM
1 parent 9a11d33 commit 4d2063c

Some content is hidden

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

66 files changed

+283
-379
lines changed

‎ej2-javascript/accordion/ts/getting-started.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@ The Accordion CSS files are available in the `ej2-navigations` package folder. T
7878

7979
Open the application in Visual Studio Code and add the Syncfusion JavaScript UI controls.
8080

81-
The Accordion can be rendered by defining an array of [`items`](../api/accordion#items).
81+
The Accordion can be rendered by defining an array of [`items`](../api/accordion/#items).
8282

8383
* Add the HTML div tag with its `id` attribute as `element` in your `index.html` file to initialize the Accordion.
8484

@@ -196,6 +196,6 @@ You need to follow the below structure of HTML elements to render the Accordion.
196196
197197
## See Also
198198

199-
* [How to load accordion items dynamically](./how-to/load-accordion-items-dynamically/)
199+
* [How to load accordion items dynamically](./how-to/load-accordion-items-dynamically)
200200

201201
N> You can refer to our [JavaScript Accordion](https://www.syncfusion.com/javascript-ui-controls/js-accordion) feature tour page for its groundbreaking feature representations. You can also explore our [JavaScript Accordion example](https://ej2.syncfusion.com/demos/#/fabric/accordion/default.html) that shows you how to render the Accordion in JavaScript.

‎ej2-javascript/code-snippet/accordion/accordion-treeview-cs1/index.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33

44
import { Accordion, TreeView } from '@syncfusion/ej2-navigations';
5-
import { DocDB, DownloadDB, PicDB} from 'datasource.ts'
5+
import { DocDB, DownloadDB, PicDB} from './datasource.ts'
66

77
//Initialize Accordion component
88
let acrdnObj: Accordion = new Accordion({

‎ej2-javascript/code-snippet/carousel/default-cs1/index.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@ const carouselObj: Carousel = new Carousel({
1111
{ template: '<figure class="img-container"><img src="https://ej2.syncfusion.com/products/images/carousel/bee-eater.png" alt="bee-eater" style="height:100%;width:100%;" /><figcaption class="img-caption">Bee-eater</figcaption></figure>' }
1212
],
1313
animationEffect: "Fade",
14-
},
1514
});
1615
carouselObj.appendTo("#carousel");
1716

‎ej2-javascript/code-snippet/carousel/indicator-preview-cs1/ts/index.html‎

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -14,16 +14,18 @@
1414

1515
<!--style reference from app-->
1616
<link href="styles.css" rel="stylesheet" />
17-
17+
1818
<!--system js reference and configuration-->
1919
<script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js"></script>
2020
<script src="systemjs.config.js"></script>
21+
<script type="text/x-template" id="indicatorTemplate">
22+
<div class="indicator" indicator-index="${index}">
23+
<div class="preview-content">${getContent(data.index)}</div>
24+
</div>
25+
</script>
2126
</head>
22-
<script type="text/x-template" id="indicatorTemplate">
23-
<div class="indicator" indicator-index="${index}">
24-
<div class="preview-content">${getContent(data.index)}</div>
25-
</div>
26-
</script>
27+
28+
2729
<body>
2830
<div id='loader'>LOADING....</div>
2931
<div id='container'>
@@ -37,4 +39,4 @@
3739
</div>
3840
</body>
3941

40-
</html>
42+
</html>

‎ej2-javascript/code-snippet/diagram/annotations-conDisp/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ var connectors = [
99
content: 'annotation',
1010
offset: 0.2,
1111
alignment: 'After',
12-
displacement: { x: 50, y: 10 },
12+
displacement: { x: 50, y: 50 },
1313
},
1414
],
1515
},

‎ej2-javascript/code-snippet/diagram/annotations-conDisp/index.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ var connectors: ConnectorModel[] = [
1111
content: 'annotation',
1212
offset: 0.2,
1313
alignment: 'After',
14-
displacement: { x: 50, y: 10 },
14+
displacement: { x: 50, y: 50 },
1515
},
1616
],
1717
},

‎ej2-javascript/code-snippet/diagram/nodes-propertyChange/index.js‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ let nodes = [
77
offsetY: 50,
88
annotations: [
99
{
10-
content: 'Click node',
10+
content: 'Node 1',
1111
},
1212
],
1313
style: {
@@ -27,6 +27,3 @@ var diagram = new ej.diagrams.Diagram({
2727
});
2828
diagram.appendTo('#element');
2929

30-
document.getElementById('resetSegments').onclick = () => {
31-
diagram.resetSegments();
32-
};

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

Lines changed: 53 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,58 @@ ej.diagrams.Diagram.Inject(
99
//Click event for Appearance of the Property Panel.
1010

1111
//sets node default value
12+
13+
var hierarchicalTree = [
14+
{
15+
Name: 'Diagram',
16+
fillColor: '#916DAF',
17+
},
18+
{
19+
Name: 'Layout',
20+
Category: 'Diagram',
21+
},
22+
{
23+
Name: 'Tree Layout',
24+
Category: 'Layout',
25+
},
26+
{
27+
Name: 'Organizational Chart',
28+
Category: 'Layout',
29+
},
30+
{
31+
Name: 'Hierarchical Tree',
32+
Category: 'Tree Layout',
33+
},
34+
{
35+
Name: 'Radial Tree',
36+
Category: 'Tree Layout',
37+
},
38+
{
39+
Name: 'Mind Map',
40+
Category: 'Hierarchical Tree',
41+
},
42+
{
43+
Name: 'Family Tree',
44+
Category: 'Hierarchical Tree',
45+
},
46+
{
47+
Name: 'Management',
48+
Category: 'Organizational Chart',
49+
},
50+
{
51+
Name: 'Human Resources',
52+
Category: 'Management',
53+
},
54+
{
55+
Name: 'University',
56+
Category: 'Management',
57+
},
58+
{
59+
Name: 'Business',
60+
Category: 'Management',
61+
},
62+
];
63+
1264
function nodeDefaults(obj, diagram) {
1365
obj.style = {
1466
fill: '#659be5',
@@ -60,7 +112,7 @@ ej.diagrams.Diagram.Inject(
60112
dataSourceSettings: {
61113
id: 'Name',
62114
parentId: 'Category',
63-
dataSource: new ej.data.DataManager(window.hierarchicalTree),
115+
dataSource: new ej.data.DataManager(hierarchicalTree),
64116
doBinding: function (nodeModel, data, diagram) {
65117
nodeModel.shape = { type: 'Text', content: data.Name };
66118
},

‎ej2-javascript/code-snippet/diagram/scrollSettings-cs3/index.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ var diagram = new ej.diagrams.Diagram(
3838
scrollLimit: 'Infinity',
3939
//Enable autoScroll
4040
canAutoScroll: true,
41-
//Defines the autoScroll border of all the sides of diargam
41+
//Defines the autoScroll border of all the sides of diagram
4242
autoScrollBorder: { left: 100, right: 100, top: 100, bottom: 100 },
4343
},
4444
},

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ import {
4242
scrollLimit: 'Infinity',
4343
//Enable autoScroll
4444
canAutoScroll: true,
45-
//Defines the autoScroll border of all the sides of diargam
45+
//Defines the autoScroll border of all the sides of diagram
4646
autoScrollBorder: { left: 100, right: 100, top: 100, bottom: 100 },
4747
},
4848
});

0 commit comments

Comments
 (0)