Skip to content

Commit 054206b

Browse files
kendo-botkendo-bot
committed
Sync with Kendo UI Professional
1 parent 9e96403 commit 054206b

File tree

736 files changed

+129503
-127895
lines changed

Some content is hidden

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

736 files changed

+129503
-127895
lines changed

‎docs-aspnet/html-helpers/data-management/pivotgridv2/data-binding/overview.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,9 @@ The PivotGridV2 for {{ site.framework }} supports Ajax data binding to an HTTP a
1313
* [OLAP Cube Fundamentals]({% slug htmlhelpers_pivotgridv2_aspnetcore_fundamentals %})
1414
* [Local Data Binding]({% slug htmlhelpers_pivotgridv2_aspnetcore_localbinding %})
1515
* [Using PivotConfiguratorV2]({% slug htmlhelpers_pivotgridv2_aspnetcore_configurator %})
16+
{% if site.core %}
1617
* [Razor Pages Binding]({% slug razorpages_pivotgridv2_aspnetcore %})
18+
{% endif %}
1719

1820
## OLAP Services
1921

‎docs/_config.yml‎

Lines changed: 10 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -179,6 +179,8 @@ navigation:
179179
title: "ColorGradient"
180180
"controls/imageeditor":
181181
title: "Image Editor"
182+
"controls/chartwizard":
183+
title: "ChartWizard"
182184
"controls/chat":
183185
title: "Chat"
184186
"controls/chat/integrations":
@@ -707,7 +709,7 @@ cdnVersion: "2024.4.1112"
707709
themesCdnVersion: "10.0.1"
708710

709711
## The Pdfjs CDN version used
710-
pdfjsCdnVersion: "4.3.136"
712+
pdfjsCdnVersion: "4.6.82"
711713

712714
## The MVC Core version used
713715
mvcCoreVersion: "2024.4.1112"
@@ -1586,6 +1588,12 @@ defaults:
15861588
values:
15871589
component: "charts"
15881590

1591+
-
1592+
scope:
1593+
path: "controls/chartwizard"
1594+
values:
1595+
component: "chartwizard"
1596+
15891597
-
15901598
scope:
15911599
path: "controls/checkbox"
@@ -2086,6 +2094,7 @@ intro_columns:
20862094
title: "Charts"
20872095
items:
20882096
"Charts": "overview_kendoui_charts_widget"
2097+
"ChartWizard": "overview_kendoui_chartwizard_widget"
20892098
-
20902099
title: "Data Management"
20912100
items:

‎docs/controls/PDFViewer/pdfjs-processing.md‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -18,6 +18,7 @@ The following table showcases the compatibility between Kendo UI and the PDFJS l
1818

1919
| Major Releases | Compatible PDFJS Versions |
2020
| :--- | :--- |
21+
| [Kendo UI 2025.1.211 (2025 Q1)](https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-for-jquery-2025-1-211-(2025-q1)) | 4.6.82 |
2122
| [Kendo UI 2024.4.1112 (2024 Q4)](https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-for-jquery-2024-4-1112-(2024-q4))| 4.3.136 |
2223
| [Kendo UI 2024.3.1015](https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-for-jquery-2024-3-1015) | 3.x, 2.x |
2324

@@ -28,10 +29,10 @@ Starting with v2024.4.1112(2024 Q4), the PDFViewer requires PDFJS version 4.x.x
2829
The following example demonstrates how to configure the PDFViewer to use PDF.js processing with versions starting with 4.x.x
2930

3031
```html
31-
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.3.136/pdf.mjs" type="module"></script> <!-- Include pdf.js before the kendo scripts -->
32-
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.3.136/pdf.worker.mjs" type="module"></script> <!-- Include pdf.worker.js before the kendo scripts -->
32+
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.6.82/pdf.mjs" type="module"></script> <!-- Include pdf.js before the kendo scripts -->
33+
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.6.82/pdf.worker.mjs" type="module"></script> <!-- Include pdf.worker.js before the kendo scripts -->
3334
<script src="https://code.jquery.com/jquery-3.7.0.min.js" type="module"></script>
34-
<script src="https://kendo.cdn.telerik.com/2024.4.1112/js/kendo.all.min.js" type="module"></script>
35+
<script src="https://kendo.cdn.telerik.com/2025.1.211/js/kendo.all.min.js" type="module"></script>
3536

3637
<div id="pdfviewer"></div>
3738
<script type="module">

‎docs/controls/chartwizard/accessibility/keyboard-navigation.md‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
---
2+
title: Keyboard Navigation
3+
page_title: jQuery ChartWizard Documentation - Keyboard Navigation
4+
description: "Get started with the jQuery ChartWizard by Kendo UI and learn about the accessibility support it provides through its keyboard navigation functionality."
5+
slug: keynav_chartwizard_jquery
6+
position: 2
7+
---
8+
9+
# Keyboard Navigation
10+
11+
The keyboard navigation of the ChartWizard is always available.
12+
13+
The ChartWizard component consists of multiple nested components. You can check the supported keyboard shortcuts of the nested components in the links below:
14+
15+
* [ColorPicker]({% slug accessibility_kendoui_colorpicker_widget %})
16+
* [Charts]({% slug keynav_kendoui_charts_widget %})
17+
* [DropDownList]({% slug keynav_kendoui_ddl_widget %})
18+
* [Grid]({% slug keynav_kendoui_grid_widget %})
19+
* [NumericTextBox]({% slug keynav_numerictextbox %})
20+
* [PanelBar]({% slug accessibility_kendoui_panelbar_widget %})
21+
* [Splitter]({% slug accessibility_kendoui_splitter_widget %})
22+
* [TabStrip]({% slug keynav_tabstrip %})
23+
* [Window]({% slug keynav_window %})
24+
25+
26+
For a complete example, refer to the [demo on keyboard navigation of the ChartWizard](https://demos.telerik.com/kendo-ui/chartwizard/keyboard-navigation).
27+
28+
## See Also
29+
30+
* [Keyboard Navigation by the ChartWizard (Demo)](https://demos.telerik.com/kendo-ui/chartwizard/keyboard-navigation)
31+
* [Keyboard Support in Kendo UI for jQuery]({% slug keyboard_shortcuts_accessibility_support %})
32+
* [Accessibility in the ChartWizard]({% slug accessibility_kendoui_chartwizard %})

‎docs/controls/chartwizard/accessibility/overview.md‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
---
2+
title: Overview
3+
page_title: jQuery ChartWizard Documentation - ChartWizard Accessibility
4+
description: "Get started with the jQuery ChartWizard by Kendo UI and learn about its accessibility support for WAI-ARIA, Section 508, and WCAG 2.2."
5+
slug: accessibility_kendoui_chartwizard
6+
position: 1
7+
---
8+
9+
# ChartWizard Accessibility
10+
11+
The ChartWizard is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.2, and keyboard support.
12+
13+
For more information, refer to:
14+
* [Keyboard navigation by the Kendo UI ChartWizard]({% slug keynav_chartwizard_jquery %})
15+
* [Accessibility in Kendo UI for jQuery]({% slug overview_accessibility_support_kendoui %})
16+
17+
{% if site.has_cta_panels == true %}
18+
{% include cta-panel-introduction.html %}
19+
{% endif %}
20+
21+
## WAI-ARIA
22+
23+
The component follows the WAI-ARIA Authoring Practices for implementing the keyboard navigation for its component role and is tested against the popular screen readers. For more information, refer to the article on [WAI-ARIA support in Kendo UI for jQuery]({% slug wai_aria_accessibility_support %}).
24+
25+
## Section 508
26+
27+
The ChartWizard is compliant with the Section 508 requirements. For more information, refer to the article on [Section 508 support in Kendo UI for jQuery]({% slug section508_accessibility_support %}).
28+
29+
## WCAG 2.2
30+
31+
The ChartWizard supports the standards for providing accessible web content which are set by the [Web Content Accessibility Guidelines 2.1](https://www.w3.org/TR/WCAG/). For more information, refer to the article on [WCAG 2.2 compliance in Kendo UI for jQuery]({% slug section508_wcag21_accessibility_support %})
32+
33+
34+
## See Also
35+
36+
* [Keyboard Navigation by the ChartWizard (Demo)](https://demos.telerik.com/kendo-ui/chartwizard/keyboard-navigation)
37+
* [Keyboard Navigation by the ChartWizard]({% slug keynav_chartwizard_jquery %})
38+
* [Keyboard Support in Kendo UI for jQuery]({% slug keyboard_shortcuts_accessibility_support %})
39+
* [Accessibility in Kendo UI for jQuery]({% slug overview_accessibility_support_kendoui %})

‎docs/controls/chartwizard/basic-chartwizard.png‎

36.5 KB
Loading

‎docs/controls/chartwizard/binding.md‎

Lines changed: 174 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,174 @@
1+
---
2+
title: Data Binding
3+
page_title: jQuery ChartWizard Documentation - Data Binding
4+
description: "Get started with the jQuery ChartWizard by Kendo UI and bind the widget to local or remote data and provide its suggestions."
5+
slug: databinding_kendoui_chartwizard
6+
position: 3
7+
---
8+
9+
# Data Binding
10+
11+
The ChartWiizard component provides different options for binding data. You can bind the component to an array of data, use a Grid selection or bind it to a table-like data.
12+
13+
14+
## Binding to Array
15+
16+
You can bind the ChartWizard component to a local or remote data array.
17+
The bound data must contain one or more arrays of objects with `field` and `value` properties.
18+
19+
The following example demonstrates how to bind the Chart Wizard to an array of data.
20+
21+
```dojo
22+
<div id="chartwizard"></div>
23+
$("#chartwizard").kendoChartWizard({
24+
dataSource: [
25+
[
26+
{ field: 'Product Name', value: 'Calzone' },
27+
{ field: 'Quantity', value: 1 },
28+
{ field: 'Price', value: 12.39 },
29+
{ field: 'Tax', value: 2.48 },
30+
{ field: 'Total', value: 14.87 }
31+
]
32+
],
33+
});
34+
```
35+
36+
When the ChartWizard is bound to remote data, the remote service must return one or more arrays of objects with `field` and `value` properties. The example below demonstrates how to bind the ChartWizard to remote data:
37+
38+
```dojo
39+
<div id="chartwizard"></div>
40+
41+
<script>
42+
var chartwizard = $("#chartwizard").kendoChartWizard({
43+
dataSource: {
44+
transport: {
45+
read: {
46+
url: "../content/dataviz/js/wizard-products.json",
47+
dataType: "json"
48+
}
49+
}
50+
}
51+
}).data("kendoChartWizard");
52+
</script>
53+
```
54+
55+
56+
## Binding to Grid Selection
57+
58+
The ChartWizard lets you bind the component to [selected Grid cells or rows]({% slug selection_kendoui_grid_widget %}):
59+
60+
* For more details, refer to the [Chart Integration]({% slug chart_integration_kendoui_grid %}) article in the Grid documentation.
61+
62+
* For a live demo, see [How to create Charts from selected Grid cells or rows by using the Kendo ContextMenu](https://demos.telerik.com/kendo-ui/grid/chart-integration).
63+
64+
## Binding to Table-Like Data
65+
66+
ChartWizard component accepts table-like data comprising an array of objects with `dataItem` and `dataColumns` fields.
67+
68+
To bind the Chart Wizard component to table-like data, create a `DataRow` collection and use the [`getWizardDataFromDataRows`](/api/javascript/ui/chartwizard/methods/getwizarddatafromdatarows) helper method to convert it to the format required by the ChartWizard.
69+
70+
The example below demonstrates ChartWizard bound to local table-like data:
71+
72+
```dojo
73+
<div id="chartwizard"></div>
74+
<script>
75+
const dataColumns = [
76+
{
77+
field: 'Product',
78+
title: 'Product Name'
79+
},
80+
{
81+
field: 'Quantity',
82+
title: 'Quantity'
83+
}
84+
];
85+
86+
const dataRows = [
87+
{
88+
dataItem: {
89+
ID: 216321,
90+
Product: 'Calzone',
91+
Quantity: 1
92+
},
93+
dataColumns
94+
},
95+
{
96+
dataItem: {
97+
ID: 546897,
98+
Product: 'Margarita',
99+
Quantity: 2
100+
},
101+
dataColumns
102+
},
103+
{
104+
dataItem: {
105+
ID: 456231,
106+
Product: 'Pollo Formaggio',
107+
Quantity: 1
108+
},
109+
dataColumns
110+
}
111+
];
112+
113+
const chartWizardData = kendo.ChartWizard.getWizardDataFromDataRows(dataRows);
114+
115+
var chartwizard = $("#chartwizard").kendoChartWizard({
116+
dataSource: chartWizardData
117+
}).data("kendoChartWizard");
118+
</script>
119+
```
120+
121+
To bind the ChartWizard component to a remote data source, which returns only the `dataItems`, set the [`dataColumns`](/api/javascript/ui/chartwizard/#dataColumns) field.
122+
123+
```dojo
124+
<div id="chartwizard"></div>
125+
<script>
126+
var dataSource = new kendo.data.DataSource({
127+
type: "odata",
128+
transport: {
129+
read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
130+
},
131+
schema: {
132+
model: {
133+
fields: {
134+
OrderID: { type: "number" },
135+
Freight: { type: "number" },
136+
ShipName: { type: "string" },
137+
OrderDate: { type: "date" },
138+
ShipCity: { type: "string" }
139+
}
140+
}
141+
},
142+
pageSize: 20,
143+
serverPaging: true,
144+
serverFiltering: true,
145+
serverSorting: true
146+
});
147+
148+
$("#chartwizard").kendoChartWizard({
149+
dataSource: dataSource,
150+
dataColumns: [
151+
{
152+
field: "OrderID",
153+
},
154+
{
155+
field: "Freight",
156+
},
157+
{
158+
field: "ShipName",
159+
title: "Ship Name"
160+
}, {
161+
field: "ShipCity",
162+
title: "Ship City"
163+
}
164+
],
165+
});
166+
</script>
167+
```
168+
169+
170+
## See Also
171+
172+
* [Basic Usage of the ChartWizard (Demo)](https://demos.telerik.com/kendo-ui/chartwizard/index)
173+
* [Using the API of the ChartWizard (Demo)](https://demos.telerik.com/kendo-ui/chartwizard/api)
174+
* [JavaScript API Reference of the ChartWizard](/api/javascript/ui/chartwizard)

‎docs/controls/chartwizard/export.md‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
---
2+
title: Export Options
3+
page_title: jQuery ChartWizard Documentation - Export Options
4+
description: "Get started with the jQuery ChartWizard by Kendo UI and learn more about how you can export the chart to different formats."
5+
slug: export_kendoui_chartwizard
6+
position: 4
7+
---
8+
9+
# Export Options
10+
11+
To export the charts of the ChartWizard component to PDF, PNG, or SVG formats, set the desired properties in the [`exportOptions`](/api/javascript/ui/chartwizard/methods/exportoptions) object.
12+
13+
You can configure the parameters of the exported image by setting the image property to an [`exportOptions.image`](/api/javascript/ui/chartwizard/methods/exportoptions#image) object and the exported PDF file by utilizing the [`exportOptions.pdf`](/api/javascript/ui/chartwizard/methods/exportoptions#pdf) object.
14+
15+
The following example demonstrates how to customize the export options of the component.
16+
17+
18+
```dojo
19+
<div id="chartwizard"></div>
20+
$("#chartwizard").kendoChartWizard({
21+
dataSource: [
22+
[
23+
{ field: 'Product Name', value: 'Calzone' },
24+
{ field: 'Quantity', value: 1 },
25+
{ field: 'Price', value: 12.39 },
26+
{ field: 'Tax', value: 2.48 },
27+
{ field: 'Total', value: 14.87 }
28+
]
29+
],
30+
exportOptions: {
31+
fileName: "report",
32+
pdf: {
33+
paperSize: "A4",
34+
},
35+
image: {
36+
width: 1900,
37+
height: 1200,
38+
},
39+
}
40+
});
41+
```
42+
43+
44+
## See Also
45+
46+
* [Export Options of the ChartWizard (Demo)](https://demos.telerik.com/kendo-ui/chartwizard/export-options)
47+
* [Using the API of the ChartWizard (Demo)](https://demos.telerik.com/kendo-ui/chartwizard/api)
48+
* [JavaScript API Reference of the ChartWizard](/api/javascript/ui/chartwizard)

0 commit comments

Comments
 (0)