Skip to content

Commit 5f9b79b

Browse files
committed
Sync with Kendo UI Professional
1 parent 896b18f commit 5f9b79b

Some content is hidden

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

42 files changed

+921
-127
lines changed

docs-aspnet/getting-started-core/first-steps-cli.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -151,7 +151,7 @@ Install the appropriate [.Net Core SDK 2.0 or later](https://www.microsoft.com/n
151151
152152
## Adding Your License File
153153
154-
Using any client-side assets from the [Kendo UI CDN]({% slug cdnservices_core %}) or the [@progress/kendo-ui NPM package](https://www.npmjs.com/package/@progress/kendo-ui) requires you to add a Kendo UI for jQuery license file to your application. A missing license file triggers [a banner, a watermark, and causes a warning message](https://docs.telerik.com/kendo-ui/knowledge-base/invalid-license) in the browser's console.
154+
Using any client-side assets from the [Kendo UI CDN]({% slug cdnservices_core %}) or the [@progress/kendo-ui NPM package](https://www.npmjs.com/package/@progress/kendo-ui) requires you to add a Kendo UI for jQuery license file to your application. A missing license file triggers [a banner, a watermark, and causes a warning message]({% slug activation-error-warnings %}) in the browser's console.
155155
156156
To generate your license file and add it to your application, follow the instructions in the [Adding a License File]({% slug using_license_code %}) article.
157157

docs-aspnet/getting-started-core/first-steps-vs-extensions.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -315,7 +315,7 @@ Since both the Bootstrap and Default themes are Sass-based themes, no additional
315315

316316
## Adding Your License File
317317

318-
Using any client-side assets from the [Kendo UI CDN]({% slug cdnservices_core %}) or the [@progress/kendo-ui NPM package](https://www.npmjs.com/package/@progress/kendo-ui) requires you to add a Kendo UI for jQuery license file to your application. A missing license file triggers [a banner, a watermark, and causes a warning message](https://docs.telerik.com/kendo-ui/knowledge-base/invalid-license) in the browser's console.
318+
Using any client-side assets from the [Kendo UI CDN]({% slug cdnservices_core %}) or the [@progress/kendo-ui NPM package](https://www.npmjs.com/package/@progress/kendo-ui) requires you to add a Kendo UI for jQuery license file to your application. A missing license file triggers [a banner, a watermark, and causes a warning message]({% slug activation-error-warnings %}) in the browser's console.
319319

320320
To generate your license file and add it to your application, follow the instructions in the [Adding a License File]({% slug using_license_code %}) article.
321321

docs-aspnet/getting-started-core/first-steps.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -236,7 +236,7 @@ Congratulations! You created a page that uses the [Telerik UI DatePicker]({% slu
236236

237237
## Adding Your License File
238238

239-
Using any client-side assets from the [Kendo UI CDN]({% slug cdnservices_core %}) or the [@progress/kendo-ui NPM package](https://www.npmjs.com/package/@progress/kendo-ui) requires you to add a Kendo UI for jQuery license file to your application. A missing license file triggers [a banner, a watermark, and causes a warning message](https://docs.telerik.com/kendo-ui/knowledge-base/invalid-license) in the browser's console.
239+
Using any client-side assets from the [Kendo UI CDN]({% slug cdnservices_core %}) or the [@progress/kendo-ui NPM package](https://www.npmjs.com/package/@progress/kendo-ui) requires you to add a Kendo UI for jQuery license file to your application. A missing license file triggers [a banner, a watermark, and causes a warning message]({% slug activation-error-warnings %}) in the browser's console.
240240

241241
To generate your license file and add it to your application, follow the instructions in the [Adding a License File]({% slug using_license_code %}) article.
242242

docs-aspnet/getting-started-mvc/first-steps.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -109,7 +109,7 @@ Press `CTRL+F5` to build and run the application. You have a Grid and a DatePick
109109

110110
## Adding Your License File
111111

112-
Using any client-side assets from the [Kendo UI CDN]({% slug cdnservices_core %}) or the [@progress/kendo-ui NPM package](https://www.npmjs.com/package/@progress/kendo-ui) requires you to add a Kendo UI for jQuery license file to your application. A missing license file triggers [a banner, a watermark, and causes a warning message](https://docs.telerik.com/kendo-ui/knowledge-base/invalid-license) in the browser's console.
112+
Using any client-side assets from the [Kendo UI CDN]({% slug cdnservices_core %}) or the [@progress/kendo-ui NPM package](https://www.npmjs.com/package/@progress/kendo-ui) requires you to add a Kendo UI for jQuery license file to your application. A missing license file triggers [a banner, a watermark, and causes a warning message]({% slug activation-error-warnings %}) in the browser's console.
113113

114114
To generate your license file and add it to your application, follow the instructions in the [Adding a License File]({% slug using_license_code %}) article.
115115

docs-aspnet/getting-started-mvc/manual-setup.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -132,7 +132,7 @@ Press `CTRL+F5` to build and run the application. As a result, the following sam
132132
133133
## Adding Your License File
134134
135-
Using any client-side assets from the [Kendo UI CDN]({% slug cdnservices_core %}) or the [@progress/kendo-ui NPM package](https://www.npmjs.com/package/@progress/kendo-ui) requires you to add a Kendo UI for jQuery license file to your application. A missing license file triggers [a banner, a watermark, and causes a warning message](https://docs.telerik.com/kendo-ui/knowledge-base/invalid-license) in the browser's console.
135+
Using any client-side assets from the [Kendo UI CDN]({% slug cdnservices_core %}) or the [@progress/kendo-ui NPM package](https://www.npmjs.com/package/@progress/kendo-ui) requires you to add a Kendo UI for jQuery license file to your application. A missing license file triggers [a banner, a watermark, and causes a warning message]({% slug activation-error-warnings %}) in the browser's console.
136136
137137
To generate your license file and add it to your application, follow the instructions in the [Adding a License File]({% slug using_license_code %}) article.
138138

docs-aspnet/getting-started-mvc/setup-with-nuget.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -169,7 +169,7 @@ Press `CTRL+F5` to build and run the application. As a result, the following sam
169169
170170
## Adding Your License File
171171
172-
Using any client-side assets from the [Kendo UI CDN]({% slug cdnservices_core %}) or the [@progress/kendo-ui NPM package](https://www.npmjs.com/package/@progress/kendo-ui) requires you to add a Kendo UI for jQuery license file to your application. A missing license file triggers [a banner, a watermark, and causes a warning message](https://docs.telerik.com/kendo-ui/knowledge-base/invalid-license) in the browser's console.
172+
Using any client-side assets from the [Kendo UI CDN]({% slug cdnservices_core %}) or the [@progress/kendo-ui NPM package](https://www.npmjs.com/package/@progress/kendo-ui) requires you to add a Kendo UI for jQuery license file to your application. A missing license file triggers [a banner, a watermark, and causes a warning message]({% slug activation-error-warnings %}) in the browser's console.
173173
174174
To generate your license file and add it to your application, follow the instructions in the [Adding a License File]({% slug using_license_code %}) article.
175175

docs-aspnet/installation/adding-client-side-resources/using-license-code.md

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -105,7 +105,8 @@ Add the `kendo-ui-license.js` file as a script reference right after the `kendo.
105105
## Next Steps
106106

107107
* [License File Frequently Asked Questions (Kendo UI for jQuery Documentation)](https://docs.telerik.com/kendo-ui/intro/installation/license-code-faq)
108-
* [Troubleshooting a Failed Client-Side Assets License Activation (Kendo UI for jQuery Knowledge Base)](https://docs.telerik.com/kendo-ui/knowledge-base/invalid-license)
108+
* [License Activation Errors and Warnings]({% slug activation-error-warnings %})
109+
109110

110111
## See Also
111112

docs/api/javascript/dataviz/ui/chart.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7816,6 +7816,8 @@ If the `dataSource` option is an existing [kendo.data.DataSource](/api/javascrip
78167816

78177817
The chart legend configuration options.
78187818

7819+
> The colors assigned to individual points are not reflected in the legend for series-based charts (e.g. column, line, bar). The legend items are tied to the series, not to individual points, except in cases like pie or donut charts where each point has a dedicated legend item.
7820+
78197821
#### Example - configure the chart legend
78207822
<div id="chart"></div>
78217823
<script>
Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
---
2+
title: Adaptive Mode
3+
page_title: Adaptive Mode
4+
description: "Learn how to configure adaptive mode for the Kendo UI for jQuery AutoComplete component."
5+
slug: autocomplete_adaptive_mode_kendo
6+
position: 11
7+
---
8+
9+
# Adaptive Mode
10+
11+
The Kendo UI for jQuery AutoComplete provides adaptive mode&mdash;built-in mobile-friendly rendering of its popup that accommodates the component content based on the current screen size.
12+
13+
To set the adaptive mode, use the `adaptiveMode` option. In the example below, you can resize the browser to see how the component will adapt to different resolutions.
14+
15+
```dojo
16+
<div style="justify-content:center; display:flex">
17+
<div style="width:600px; ">
18+
<input id="products" style="width: 100%;" />
19+
</div>
20+
</div>
21+
<script>
22+
$(document).ready(function() {
23+
$("#products").kendoAutoComplete({
24+
adaptiveMode: "auto",
25+
dataTextField: "text",
26+
dataSource: [
27+
{text: "Apples"},
28+
{text: "Oranges"},
29+
{text: "Bananas"}
30+
],
31+
});
32+
});
33+
</script>
34+
```
35+
36+
# On-Screen Keyboard
37+
38+
To enhance the mobile user experience of your application, you can configure the type of the on-screen keyboard for the AutoComplete component.
39+
40+
To configure an on-screen keyboard for the AutoComplete, set the `inputMode` property to a supported value. Based on the defined setting, the browser will display the most appropriate virtual keyboard on the screen.
41+
42+
The following example demonstrates how to configure an on-screen keyboard for the Kendo UI for jQuery AutoComplete.
43+
44+
```dojo
45+
<input id="products" style="width: 100%;" />
46+
<script>
47+
$(document).ready(function() {
48+
$("#products").kendoAutoComplete({
49+
inputMode: "search",
50+
dataTextField: "text",
51+
dataSource: [
52+
{text: "Apples"},
53+
{text: "Oranges"},
54+
{text: "Bananas"}
55+
]
56+
});
57+
});
58+
</script>
59+
```
60+
61+
## See Also
62+
63+
* [JavaScript API Reference of the AutoComplete](/api/javascript/ui/autocomplete)
Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
---
2+
title: Adaptive Mode
3+
page_title: Adaptive Mode
4+
description: "Learn how to configure adaptive mode for the Kendo UI for jQuery ComboBox component."
5+
slug: combobox_adaptive_mode_kendo
6+
position: 12
7+
---
8+
9+
# Adaptive Mode
10+
11+
The Kendo UI for jQuery ComboBox provides adaptive mode&mdash;built-in mobile-friendly rendering of its popup that accommodates the component content based on the current screen size.
12+
13+
To set the adaptive mode, use the `adaptiveMode` option. In the example below, you can resize the browser to see how the component will adapt to different resolutions.
14+
15+
```dojo
16+
<div style="justify-content:center; display:flex">
17+
<div style="width:600px; ">
18+
<input id="products" style="width: 100%;" />
19+
</div>
20+
</div>
21+
<script>
22+
$(document).ready(function() {
23+
$("#products").kendoComboBox({
24+
adaptiveMode: "auto",
25+
dataTextField: "text",
26+
dataSource: [
27+
{text: "Apples"},
28+
{text: "Oranges"},
29+
{text: "Bananas"}
30+
]
31+
});
32+
});
33+
</script>
34+
```
35+
36+
# On-Screen Keyboard
37+
38+
To enhance the mobile user experience of your application, you can configure the type of the on-screen keyboard for the ComboBox component.
39+
40+
To configure an on-screen keyboard for the ComboBox, set the `inputMode` property to a supported value. Based on the defined setting, the browser will display the most appropriate virtual keyboard on the screen.
41+
42+
The following example demonstrates how to configure an on-screen keyboard for the Kendo UI for jQuery ComboBox.
43+
44+
```dojo
45+
<input id="products" style="width: 100%;" />
46+
<script>
47+
$(document).ready(function() {
48+
$("#products").kendoComboBox({
49+
inputMode: "search",
50+
dataTextField: "text",
51+
dataSource: [
52+
{text: "Apples"},
53+
{text: "Oranges"},
54+
{text: "Bananas"}
55+
]
56+
});
57+
});
58+
</script>
59+
```
60+
61+
## See Also
62+
63+
* [JavaScript API Reference of the ComboBox](/api/javascript/ui/combobox)

0 commit comments

Comments
 (0)