Skip to content

Commit 5aa3b11

Browse files
author
Kendo Bot
committed
Sync with Kendo UI Professional
1 parent 78c00f4 commit 5aa3b11

File tree

24 files changed

+1784
-277
lines changed

24 files changed

+1784
-277
lines changed

‎docs/api/javascript/ui/calendar.md‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,22 @@ Represents the Kendo UI Calendar widget. Inherits from [Widget](/api/javascript/
1212

1313
## Configuration
1414

15+
### componentType `String`*(default: "classic")*
16+
17+
Specifies the component type of the widget.
18+
19+
* `"classic"` - Uses the standard rendering of the widget.
20+
* `"modern"` - Uses new rendering with a fresh and modern look and feel.
21+
22+
#### Example - specify modern component type
23+
24+
<div id="calendar"></div>
25+
<script>
26+
$("#calendar").kendoCalendar({
27+
componentType: "modern"
28+
});
29+
</script>
30+
1531
### culture `String`*(default: "en-US")*
1632

1733
Specifies the culture info used by the widget.

‎docs/api/javascript/ui/datepicker.md‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -114,6 +114,22 @@ The duration of the open animation in milliseconds.
114114
});
115115
</script>
116116

117+
### componentType `String`*(default: "classic")*
118+
119+
Specifies the component type of the widget.
120+
121+
* `"classic"` - Uses the standard rendering of the widget.
122+
* `"modern"` - Uses new rendering with a fresh and modern look and feel.
123+
124+
#### Example - specify modern component type
125+
126+
<input id="datepicker" />
127+
<script>
128+
$("#datepicker").kendoDatePicker({
129+
componentType: "modern"
130+
});
131+
</script>
132+
117133
### culture `String`*(default: "en-US")*
118134

119135
Specifies the culture info used by the widget.

‎docs/api/javascript/ui/datetimepicker.md‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -113,6 +113,22 @@ The duration of the open animation in milliseconds.
113113
});
114114
</script>
115115

116+
### componentType `String`*(default: "classic")*
117+
118+
Specifies the component type of the widget.
119+
120+
* `"classic"` - Uses the standard rendering of the widget.
121+
* `"modern"` - Uses new rendering with a fresh and modern look and feel.
122+
123+
#### Example - specify modern component type
124+
125+
<input id="datetimepicker" />
126+
<script>
127+
$("#datetimepicker").kendoDateTimePicker({
128+
componentType: "modern"
129+
});
130+
</script>
131+
116132
### culture `String`*(default: "en-US")*
117133

118134
Specifies the culture info used by the widget.

‎docs/api/javascript/ui/form.md‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,28 @@ Specifies the [template](/api/javascript/kendo/methods/template) which is used f
3030
});
3131
</script>
3232

33+
### formatLabel `Function`
34+
35+
Callback function that could be used to change the default format of the automatically generated labels.
36+
37+
> Note: this callback takes effect only if the items option or items.label property are not specified and labels are being automatically generated.
38+
39+
#### Example
40+
41+
<form id="myForm"></form>
42+
43+
<script>
44+
$("#myForm").kendoForm({
45+
formData: {
46+
Name: "Ivan",
47+
ZipCode: 1000
48+
},
49+
formatLabel: function(field) {
50+
return field + ":";
51+
}
52+
});
53+
</script>
54+
3355
### formData `Object`
3456

3557
Provides the data model of the Form.

‎docs/api/javascript/ui/timepicker.md‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,22 @@ The effect(s) to use when playing the open animation. Multiple effects should be
101101

102102
The duration of the open animation in milliseconds.
103103

104+
### componentType `String`*(default: "classic")*
105+
106+
Specifies the component type of the widget.
107+
108+
* `"classic"` - Uses the standard rendering of the widget.
109+
* `"modern"` - Uses new rendering with a fresh and modern look and feel.
110+
111+
#### Example - specify modern component type
112+
113+
<input id="timepicker" />
114+
<script>
115+
$("#timepicker").kendoTimePicker({
116+
componentType: "modern"
117+
});
118+
</script>
119+
104120
### culture `String`*(default: "en-US")*
105121

106122
Specifies the culture info used by the widget.

‎docs/api/javascript/ui/upload.md‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -488,6 +488,44 @@ Sets the status message of the header for the files that are in the process of u
488488
});
489489
</script>
490490

491+
### localization.uploadSuccess `String`
492+
493+
Sets the text of the validation message when a file is succesfully uploaded.
494+
495+
#### Example
496+
497+
<input type="file" name="files" id="photos" />
498+
<script>
499+
$("#photos").kendoUpload({
500+
async: {
501+
saveUrl: "http://my-app.localhost/save",
502+
removeUrl: "http://my-app.localhost/remove"
503+
},
504+
localization: {
505+
uploadSuccess: "customUploadSuccess"
506+
}
507+
});
508+
</script>
509+
510+
### localization.uploadFail `String`
511+
512+
Sets the text of the validation message when a file fails to upload.
513+
514+
#### Example
515+
516+
<input type="file" name="files" id="photos" />
517+
<script>
518+
$("#photos").kendoUpload({
519+
async: {
520+
saveUrl: "http://my-app.localhost/save",
521+
removeUrl: "http://my-app.localhost/remove"
522+
},
523+
localization: {
524+
uploadFail: "customUploadFail"
525+
}
526+
});
527+
</script>
528+
491529
### localization.invalidFileExtension `String`
492530

493531
Sets the text of the validation message for an invalid file extension.

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

Lines changed: 36 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,36 @@
1-
---
2-
title: 2020 Releases
3-
page_title: 2020 Releases | Kendo UI Backwards Compatibility
4-
description: "Learn about the breaking changes and backwards compatibility released by Kendo UI in 2020."
5-
slug: breakingchanges2020_kendoui
6-
position: 1
7-
---
8-
9-
# 2020 Releases
10-
11-
This article lists the breaking changes in the Kendo UI 2020 releases.
12-
13-
## Kendo UI 2020 R1 SP1
14-
15-
**Grid**, **Spreadsheet**, **Filter**
16-
17-
As of the Kendo UI 2020 R1 SP1 release, styled native checkboxes are used in the widgets. The label element with `k-checkbox-label` CSS class is removed as it is not necessary for styling.
18-
19-
20-
## See Also
21-
22-
* [2019 Breaking Changes]({% slug breakingchanges2019_kendoui %})
23-
* [2018 Breaking Changes]({% slug breakingchanges2018_kendoui %})
24-
* [2017 Breaking Changes]({% slug breakingchanges2017_kendoui %})
25-
* [2016 Breaking Changes]({% slug breakingchanges2016_kendoui %})
26-
* [2015 Breaking Changes]({% slug breakingchanges2015_kendoui %})
27-
* [2014 Breaking Changes]({% slug breakingchanges2014_kendoui %})
28-
* [2013 Breaking Changes]({% slug breakingchanges2013_kendoui %})
29-
* [2012 Breaking Changes]({% slug breakingchanges2012_kendoui %})
1+
---
2+
title: 2020 Releases
3+
page_title: 2020 Releases | Kendo UI Backwards Compatibility
4+
description: "Learn about the breaking changes and backwards compatibility released by Kendo UI in 2020."
5+
slug: breakingchanges2020_kendoui
6+
position: 1
7+
---
8+
9+
# 2020 Releases
10+
11+
This article lists the breaking changes in the Kendo UI 2020 releases.
12+
13+
## Kendo UI 2020 R2
14+
15+
**Pager**, **Grid**, **TreeList**, **ListView**
16+
17+
* The responsive Pager no longer has the `k-pager-lg` breakpoint and class.
18+
* The page numbers drop-down of the responsive Pager is now an HTML `select` element.
19+
20+
## Kendo UI 2020 R1 SP1
21+
22+
**Grid**, **Spreadsheet**, **Filter**
23+
24+
As of the Kendo UI 2020 R1 SP1 release, styled native checkboxes are used in the widgets. The label element with `k-checkbox-label` CSS class is removed as it is not necessary for styling.
25+
26+
27+
## See Also
28+
29+
* [2019 Breaking Changes]({% slug breakingchanges2019_kendoui %})
30+
* [2018 Breaking Changes]({% slug breakingchanges2018_kendoui %})
31+
* [2017 Breaking Changes]({% slug breakingchanges2017_kendoui %})
32+
* [2016 Breaking Changes]({% slug breakingchanges2016_kendoui %})
33+
* [2015 Breaking Changes]({% slug breakingchanges2015_kendoui %})
34+
* [2014 Breaking Changes]({% slug breakingchanges2014_kendoui %})
35+
* [2013 Breaking Changes]({% slug breakingchanges2013_kendoui %})
36+
* [2012 Breaking Changes]({% slug breakingchanges2012_kendoui %})

‎docs/controls/editors/datepicker/component-type.md‎

Lines changed: 27 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,27 @@
1-
---
2-
title: Component Types
3-
page_title: jQuery DatePicker Documentation | DatePicker Component Types | Kendo UI
4-
description: "Get started with the jQuery DatePicker by Kendo UI and learn how to enable the modern component type."
5-
slug: componenttypes_datepicker
6-
position: 8
7-
---
8-
9-
# Component Types
10-
11-
As of R2 2020 version of the Kendo UI suite, the DatePicker widget introduces a new component type. It aims to enhance the existing rendering and deliver a fresh and modern look and feel.
12-
13-
By default, the DatePicker is initialized with the `classic` render mode. In order to set it to `modern`, configure the options of the widget as follows:
14-
15-
```
16-
$("#datepicker").kendoDatePicker({
17-
componentType:"modern"
18-
});
19-
```
20-
21-
As a result, the appearance of the widget is alternated.
22-
23-
![Comparison between the content types](../../../images/modern-classic-datepicker.png)
24-
25-
## See Also
26-
27-
* [JavaScript API Reference of the DatePicker](/api/javascript/ui/datepicker)
1+
---
2+
title: Component Types
3+
page_title: jQuery DatePicker Documentation | DatePicker Component Types | Kendo UI
4+
description: "Get started with the jQuery DatePicker by Kendo UI and learn how to enable the modern component type."
5+
slug: componenttypes_datepicker
6+
position: 8
7+
---
8+
9+
# Component Types
10+
11+
As of R2 2020 version of the Kendo UI suite, the DatePicker widget introduces a new component type. It aims to enhance the existing rendering and deliver a fresh and modern look and feel.
12+
13+
By default, the DatePicker is initialized with the `classic` render mode. In order to set it to `modern`, configure the options of the widget as follows:
14+
15+
```
16+
$("#datepicker").kendoDatePicker({
17+
componentType:"modern"
18+
});
19+
```
20+
21+
As a result, the appearance of the widget is alternated.
22+
23+
![Comparison between the content types](../../../images/modern-classic-datepicker.png)
24+
25+
## See Also
26+
27+
* [JavaScript API Reference of the DatePicker](/api/javascript/ui/datepicker)

‎docs/controls/editors/datetimepicker/component-type.md‎

Lines changed: 28 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,29 @@
1-
---
2-
title: Component Types
3-
page_title: jQuery DateTimePicker Documentation | DateTimePicker Component Types | Kendo UI
4-
description: "Get started with the jQuery DateTimePicker by Kendo UI and learn how to enable the modern component type."
5-
slug: componenttypes_datetimepicker
6-
position: 5
7-
---
8-
9-
# Component Types
10-
11-
As of R2 2020 version of the Kendo UI suite, the DateTimePicker widget introduces a new component type. It aims to enhance the existing rendering and deliver a fresh and modern look and feel.
12-
13-
By default, the DateTimePicker is initialized with the `classic` render mode. In order to set it to `modern`, configure the options of the widget as follows:
14-
15-
```
16-
$("#datetimepicker").kendoDateTimePicker({
17-
componentType:"modern"
18-
});
19-
```
20-
21-
As a result, the appearance of the widget is alternated.
22-
23-
![Comparison between the content types](../../../images/modern-classic-datetimepicker.png)
24-
25-
> The rendered selectors in the time picker of the Kendo UI DateTimePicker depend on the currently applied format. If the format is omitted, the default format from the application's culture is used.
26-
## See Also
27-
1+
---
2+
title: Component Types
3+
page_title: jQuery DateTimePicker Documentation | DateTimePicker Component Types | Kendo UI
4+
description: "Get started with the jQuery DateTimePicker by Kendo UI and learn how to enable the modern component type."
5+
slug: componenttypes_datetimepicker
6+
position: 5
7+
---
8+
9+
# Component Types
10+
11+
As of R2 2020 version of the Kendo UI suite, the DateTimePicker widget introduces a new component type. It aims to enhance the existing rendering and deliver a fresh and modern look and feel.
12+
13+
By default, the DateTimePicker is initialized with the `classic` render mode. In order to set it to `modern`, configure the options of the widget as follows:
14+
15+
```
16+
$("#datetimepicker").kendoDateTimePicker({
17+
componentType:"modern"
18+
});
19+
```
20+
21+
As a result, the appearance of the widget is alternated.
22+
23+
![Comparison between the content types](../../../images/modern-classic-datetimepicker.png)
24+
25+
> The rendered selectors in the time picker of the Kendo UI DateTimePicker depend on the currently applied format. If the format is omitted, the default format from the application's culture is used.
26+
27+
## See Also
28+
2829
* [JavaScript API Reference of the DatePicker](/api/javascript/ui/datetimepicker)

0 commit comments

Comments
 (0)