Skip to content

Commit 1cfbd30

Browse files
kendo-botkendo-bot
committed
Sync with Kendo UI Professional
1 parent 268b6a6 commit 1cfbd30

File tree

187 files changed

+2196
-799
lines changed

Some content is hidden

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

187 files changed

+2196
-799
lines changed

‎docs-aspnet/_config-mvc.yml

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,8 @@ html-helpers/data-management/listview/binding/razor-page.md,
133133
html-helpers/media/mediaplayer/razor-page.md,
134134
html-helpers/overview-taghelpers.md,
135135
html-helpers/data-management/pivotgridv2/data-binding/razor-page.md,
136-
html-helpers/data-management/taskboard/razor-page.md]
136+
html-helpers/data-management/taskboard/razor-page.md,
137+
html-helpers/chartwizard/binding/razor-page.md]
137138

138139
exclude_navigation: ["knowledge-base/*",
139140
api/kendo.mvc/*,
@@ -196,6 +197,11 @@ defaults:
196197
path: "html-helpers/charts"
197198
values:
198199
title_prefix: "ASP.NET MVC Chart Component"
200+
-
201+
scope:
202+
path: "html-helpers/chartwizard"
203+
values:
204+
title_prefix: "ASP.NET MVC Chart Wizard Component"
199205
-
200206
scope:
201207
path: "html-helpers/conversational-ui/aiprompt"

‎docs-aspnet/_config.yml

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -630,6 +630,9 @@ navigation:
630630
"*/otpinput":
631631
title: "OTPInput"
632632
isNew: true
633+
"*/chartwizard":
634+
title: "Chart Wizard"
635+
isNew: true
633636
"html-helpers/interactivity/progressbar":
634637
title: "ProgressBar"
635638
"html-helpers/interactivity/circularprogressbar":
@@ -787,6 +790,11 @@ defaults:
787790
path: "html-helpers/charts"
788791
values:
789792
title_prefix: "ASP.NET Core Chart Component"
793+
-
794+
scope:
795+
path: "html-helpers/chartwizard"
796+
values:
797+
title_prefix: "ASP.NET Core Chart Wizard Component"
790798
-
791799
scope:
792800
path: "html-helpers/conversational-ui/chat"

‎docs-aspnet/accessibility/accessibility-compliance-table.html

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -98,6 +98,12 @@
9898
<td><a href="https://demos.telerik.com/{{ site.platform }}/accessibility/chart" target="_blank">Demo</a></td>
9999
<td><a href="https://docs.telerik.com/{{ site.platform }}/html-helpers/charts/accessibility/overview" target="_blank">Documentation</a></td>
100100
</tr>
101+
<tr>
102+
<td>Chart Wizard</td>
103+
<td>AA</td>
104+
<td>N/A</td>
105+
<td><a href="https://docs.telerik.com/{{ site.platform }}/html-helpers/chartwizard/accessibility/overview" target="_blank">Documentation</a></td>
106+
</tr>
101107
<tr>
102108
<td>Chat</td>
103109
<td>AA</td>

‎docs-aspnet/backwards-compatibility/2018-backwards-compatibility.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: 2018 Releases
33
page_title: 2018 Releases
44
description: "Learn about the breaking changes and backwards compatibility released by {{ site.product }} in 2018."
55
slug: breakingchanges_aspnetcore_2018
6-
position: 6
6+
position: 7
77
---
88

99
# 2018 Releases

‎docs-aspnet/backwards-compatibility/2020-backwards-compatibility.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: 2020 Releases
33
page_title: 2020 Releases
44
description: "Learn about the breaking changes and backwards compatibility released by {{ site.product }} in 2020."
55
slug: breakingchanges_2020
6-
position: 5
6+
position: 6
77
---
88

99
# 2020 Releases

‎docs-aspnet/backwards-compatibility/2021-backwards-compatibility.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: 2021 Releases
33
page_title: 2021 Releases
44
description: "Learn about the breaking changes and backwards compatibility released by {{ site.product }} in 2021."
55
slug: breakingchanges_2021
6-
position: 4
6+
position: 5
77
---
88

99
# 2021 Releases

‎docs-aspnet/backwards-compatibility/2022-backwards-compatibility.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: 2022 Releases
33
page_title: 2022 Releases
44
description: "Learn about the breaking changes and backwards compatibility released by {{ site.product }} in 2022."
55
slug: breakingchanges_2022
6-
position: 3
6+
position: 4
77
---
88

99
# 2022 Releases

‎docs-aspnet/backwards-compatibility/2023-backwards-compatibility.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: 2023 Releases
33
page_title: 2023 Releases
44
description: "Learn about the breaking changes and backward compatibility released by {{ site.product }} in 2023."
55
slug: breakingchanges_2023
6-
position: 2
6+
position: 3
77
---
88

99
# 2023 Releases

‎docs-aspnet/backwards-compatibility/2024-backwards-compatibility.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: 2024 Releases
33
page_title: 2024 Releases
44
description: "Learn about the breaking changes and backwards compatibility released by {{ site.product }} in 2024."
55
slug: breakingchanges_2024
6-
position: 1
6+
position: 2
77
---
88

99
# 2024 Releases

‎docs-aspnet/backwards-compatibility/2025-backwards-compatibility.md

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
---
2+
title: 2025 Releases
3+
page_title: 2025 Releases
4+
description: "Learn about the breaking changes and backwards compatibility released by {{ site.product }} in 2025."
5+
slug: breakingchanges_2025
6+
position: 1
7+
---
8+
9+
# 2025 Releases
10+
11+
This article lists the breaking or important changes in the 2025 releases of {{ site.product }}.
12+
13+
## {{ site.product }} Q1 2025
14+
15+
### License Activation
16+
17+
Starting with 2025 Q1, all users of {{ site.product }} will need to apply a valid license key file to both new and existing projects. For details, see our [Licensing Documentation]({% slug installation_license_key_aspnetcore %}).

‎docs-aspnet/html-helpers/chartwizard/accessibility/keyboard-navigation.md

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
---
2+
title: Keyboard Navigation
3+
page_title: Chart Wizard Documentation | Chart Wizard Keyboard Navigation
4+
description: "Get started with the {{ site.product_short }} Chart Wizard by Telerik UI and learn about the component keyboard navigation functionality."
5+
slug: keynav_chartwizard
6+
position: 2
7+
---
8+
9+
# Keyboard Navigation
10+
11+
The keyboard navigation of the Chart Wizard is always available.
12+
13+
For a runnable example, refer to the [demo on using the keyboard navigation of the Chart Wizard](https://demos.telerik.com/{{ site.platform }}/chartwizard/keyboard-navigation).
14+
15+
The Chart Wizard component consists of multiple nested components and supports their keyboard shortcuts:
16+
17+
| **Component** | **Documentation** |
18+
|-----------|---------------|
19+
| ColorPicker | [ColorPicker Keyboard Navigation Documentation]({%slug accessibility_colorpicker_overview%}) |
20+
| Charts | [Charts Keyboard Navigation Documentation]({%slug keynav_aspnetcore_charts%}) |
21+
| DropDownButton | [DropDownButton Keyboard Navigation Documentation]({%slug keynav_aspnetcore_dropdownbutton%}) |
22+
| DropDownList | [DropDownList Keyboard Navigation Documentation]({%slug keynav_aspnetcore_dropdownlist%}) |
23+
| Grid | [Grid Keyboard Navigation Documentation]({%slug keynav_aspnetcore_grid%}) |
24+
| NumericTextBox | [NumericTextBox Keyboard Navigation Documentation]({%slug keynav_numerictextbox_aspnetcore%}) |
25+
| PanelBar | [PanelBar Keyboard Navigation Documentation]({%slug keynav_aspnetcore_panelbar%}) |
26+
| Splitter | [Splitter Keyboard Navigation Documentation]({%slug keynav_aspnetcore_splitter%}) |
27+
| TabStrip | [TabStrip Keyboard Navigation Documentation]({%slug keynav_aspnetcore_tabstrip%}) |
28+
| Window | [Window Keyboard Navigation Documentation]({%slug keynav_aspnetcore_window%}) |
29+
30+
Also, the Chart Wizard supports the following key combinations:
31+
32+
| SHORTCUT | DESCRIPTION |
33+
|:--- |:--- |
34+
| `Tab` | Navigates the content in the Chart Wizard&mdash;the Window, Export button, Chart, Splitter, TabStrip tabs and content, each ExpansionPanel, and each Chart type button. |
35+
| `Enter` | Triggers `click` event on the focused button. |
36+
37+
## See Also
38+
39+
* [Keyboard Navigation by the Chart Wizard for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/chartwizard/keyboard-navigation)
40+
* [Accessibility in {{ site.product }}]({% slug overview_accessibility %})

‎docs-aspnet/html-helpers/chartwizard/accessibility/overview.md

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
---
2+
title: Overview
3+
page_title: Chart Wizard Documentation | Chart Wizard Accessibility
4+
description: "Get started with the {{ site.product_short }} Chart Wizard by Telerik UI and learn about its accessibility support for WAI-ARIA, Section 508, and WCAG 2.2."
5+
slug: accessibility_chartwizard
6+
position: 1
7+
---
8+
9+
# Chart Wizard Accessibility
10+
11+
The Chart Wizard is accessible by screen readers and provides WAI-ARIA, Section 508, WCAG 2.2, and keyboard support.
12+
13+
{% if site.has_cta_panels == true %}
14+
{% include cta-panel-introduction.html %}
15+
{% endif %}
16+
17+
For more information, refer to:
18+
* [Accessibility in {{ site.product }}]({% slug overview_accessibility %})
19+
* [Keyboard navigation by the {{ site.product_short }} Chart Wizard]({% slug keynav_chartwizard %})
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 {{ site.product_short }}]({% slug overview_accessibility %}#wai-aria).
24+
25+
## Section 508
26+
27+
The Chart Wizard is compliant with the [Section 508 requirements](https://www.section508.gov/). For more information, see section [Legal and Technical Compliance]({%slug overview_accessibility%}#legal-and-technical-compliance).
28+
29+
## WCAG 2.2
30+
31+
The Chart Wizard supports the standards for providing accessible web content which are set by the [Web Content Accessibility Guidelines](https://www.w3.org/WAI/standards-guidelines/wcag/). For more information, refer to the [WCAG 2.2 compliance in {{ site.product_short }} ]({% slug overview_accessibility %}#web-content-accessibility-guidelines).
32+
33+
## See Also
34+
35+
* [Keyboard Navigation by the Chart Wizard for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/chartwizard/keyboard-navigation)
36+
* [Keyboard Navigation by the {{ site.product_short }} Chart Wizard]({% slug keynav_chartwizard %})
37+
* [Accessibility in {{ site.product }}]({% slug overview_accessibility %})

‎docs-aspnet/html-helpers/chartwizard/binding/local-binding.md

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
---
2+
title: Local Binding
3+
page_title: Chart Wizard Documentation | Chart Wizard Local Data Binding
4+
description: "Learn how to bind the Telerik UI for {{ site.framework }} Chart Wizard component to a local data collection."
5+
slug: htmlhelpers_localbinding_chartwizard
6+
position: 2
7+
---
8+
9+
# Local Binding
10+
11+
The Chart Wizard supports local data binding that enables you to pass an arbitrary Model directly within the boundaries of the component.
12+
13+
For a runnable example, refer to the [demo on binding the Chart Wizard to local data](https://demos.telerik.com/{{ site.platform }}/chartwizard/local-binding).
14+
15+
To configure the Chart Wizard to bind to a local data collection available on the View, follow the next steps:
16+
17+
1. Define a Model with the respective properties that must be accessible in the chart (for the axes and series).
18+
19+
```C#
20+
public class Product
21+
{
22+
public int ProductID { get; set; }
23+
public string ProductName { get; set; }
24+
public int Quantity { get; set; }
25+
public decimal Price { get; set; }
26+
public decimal Tax { get; set; }
27+
public decimal Total { get; set; }
28+
public decimal TotalTax { get; set; }
29+
}
30+
```
31+
32+
1. Create a data collection of type `Product` in the Controller Action and pass it to the View that holds the Chart Wizard definition.
33+
34+
{% if site.core %}
35+
```HomeController.cs
36+
public IActionResult Index()
37+
{
38+
// Returns a collection of type "Product".
39+
var chartData = productsService.Read();
40+
41+
/* For a quick test, you can mock the data, and copy and paste this snippet.
42+
var chartData = new List<Product>()
43+
{
44+
new Product { ProductID = 1, ProductName = "Pizza", Quantity = 3, Price = 18m, Tax = 3.6m, TotalTax = 10.8m, Total = 54m },
45+
new Product { ProductID = 2, ProductName = "Ice Cream", Quantity = 5, Price = 5.40m, Tax = 1.08m, TotalTax = 5.4m, Total = 27m },
46+
new Product { ProductID = 3, ProductName = "Panna Cotta", Quantity = 2, Price = 8m, Tax = 1.6m, TotalTax = 3.2m, Total = 16m },
47+
new Product { ProductID = 4, ProductName = "Proschuto", Quantity = 4, Price = 21m, Tax = 4.2m, TotalTax = 9.6m, Total = 48m },
48+
new Product { ProductID = 5, ProductName = "Cheese", Quantity = 6, Price = 15m, Tax = 3m, TotalTax = 18m, Total = 90m }
49+
};
50+
*/
51+
return View(chartData);
52+
}
53+
```
54+
{% else %}
55+
```HomeController.cs
56+
public ActionResult Index()
57+
{
58+
// Returns a collection of type "Product".
59+
var chartData = productsService.Read();
60+
61+
/* For a quick test, you can mock the data, and copy and paste this snippet.
62+
var chartData = new List<Product>()
63+
{
64+
new Product { ProductID = 1, ProductName = "Pizza", Quantity = 3, Price = 18m, Tax = 3.6m, TotalTax = 10.8m, Total = 54m },
65+
new Product { ProductID = 2, ProductName = "Ice Cream", Quantity = 5, Price = 5.40m, Tax = 1.08m, TotalTax = 5.4m, Total = 27m },
66+
new Product { ProductID = 3, ProductName = "Panna Cotta", Quantity = 2, Price = 8m, Tax = 1.6m, TotalTax = 3.2m, Total = 16m },
67+
new Product { ProductID = 4, ProductName = "Proschuto", Quantity = 4, Price = 21m, Tax = 4.2m, TotalTax = 9.6m, Total = 48m },
68+
new Product { ProductID = 5, ProductName = "Cheese", Quantity = 6, Price = 15m, Tax = 3m, TotalTax = 18m, Total = 90m }
69+
};
70+
*/
71+
return View(chartData);
72+
}
73+
```
74+
{% endif %}
75+
76+
1. Within the `Index.cshtml` View, set the Model to the data collection `List<Product>`, define the Chart Wizard, and pass the data collection either to the constructor of the component or to the `BindTo()` option. Also, you must specify the Model properties in the `DataColumns()` configuration to make them accessible through the chart configurator.
77+
78+
```HtmlHelper
79+
@model List<Product>
80+
81+
@(Html.Kendo().ChartWizard<Product>(Model)
82+
.Name("chartwizard")
83+
.DataColumns(columns =>
84+
{
85+
columns.Add().Field(f => f.ProductName);
86+
columns.Add().Field(f => f.Quantity);
87+
columns.Add().Field(f => f.Price);
88+
columns.Add().Field(f => f.Tax);
89+
columns.Add().Field(f => f.Total);
90+
columns.Add().Field(f => f.TotalTax);
91+
})
92+
)
93+
```
94+
{% if site.core %}
95+
```TagHelper
96+
@addTagHelper *, Kendo.Mvc
97+
@model List<Product>
98+
99+
<kendo-chartwizard name="chartwizard">
100+
<datasource type="DataSourceTagHelperType.Ajax" server-operation="false" data="@Model">
101+
</datasource>
102+
<data-columns>
103+
<data-column field="ProductName"/>
104+
<data-column field="Quantity" />
105+
<data-column field="Price" />
106+
<data-column field="Tax" />
107+
<data-column field="Total" />
108+
<data-column field="TotalTax" />
109+
</data-columns>
110+
</kendo-chartwizard>
111+
```
112+
{% endif %}
113+
114+
## See Also
115+
116+
* [Binding the Chart Wizard to Remote Data]({% slug htmlhelpers_remotebinding_chartwizard %})
117+
* [Binding the Chart Wizard for {{ site.framework }} to Local Data (Demo)](https://demos.telerik.com/{{ site.platform }}/chartwizard/local-binding)
118+
* [Server-Side API of the Chart Wizard HtmlHelper](/api/chartwizard)
119+
{% if site.core %}
120+
* [Server-Side API of the Chart Wizard TagHelper](/api/taghelpers/chartwizard)
121+
{% endif %}

‎docs-aspnet/html-helpers/chartwizard/binding/overview.md

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
---
2+
title: Overview
3+
page_title: Chart Wizard Documentation | Chart Wizard Data Binding Overview
4+
description: "Explore the available approaches for data binding the Telerik UI Chart Wizard component for {{ site.framework }}."
5+
slug: htmlhelpers_databinding_overview_chartwizard
6+
position: 1
7+
---
8+
9+
# Data Binding Overview
10+
11+
The Chart Wizard provides different types of data binding.
12+
13+
{% if site.has_cta_panels == true %}
14+
{% include cta-panel-introduction.html %}
15+
{% endif %}
16+
17+
Use any of the following approaches to bind the component to data:
18+
19+
* [Local Data Binding]({% slug htmlhelpers_localbinding_chartwizard %})
20+
* [Remote Data Binding]({% slug htmlhelpers_remotebinding_chartwizard %})
21+
{% if site.core %}
22+
* [Razor Pages binding]({% slug razorpages_chartwizard %})
23+
{% endif %}
24+
25+
## See Also
26+
27+
* [Server-Side API of the Chart Wizard HtmlHelper](/api/chartwizard)
28+
{% if site.core %}
29+
* [Server-Side API of the Chart Wizard TagHelper](/api/taghelpers/chartwizard)
30+
{% endif %}

0 commit comments

Comments
 (0)