Skip to content

Commit a745177

Browse files
committed
Sync with Kendo UI Professional
1 parent 8740a4a commit a745177

File tree

26 files changed

+446
-137
lines changed

26 files changed

+446
-137
lines changed
-19 KB
Binary file not shown.

docs/api/javascript/data/datasource.md

Lines changed: 20 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1048,7 +1048,7 @@ The aggregate results should have the following format:
10481048
var dataSource = new kendo.data.DataSource({
10491049
transport: {
10501050
/* transport configuration */
1051-
}
1051+
},
10521052
serverAggregates: true,
10531053
schema: {
10541054
aggregates: function(response) {
@@ -2514,7 +2514,7 @@ which should follow the `schema.data` configuration.
25142514

25152515
#### Example
25162516

2517-
<script src="https://ajax.aspnetcdn.com/ajax/signalr/jquery.signalr-1.1.3.min.js"></script>
2517+
<script src="https://cdnjs.cloudflare.com/ajax/libs/signalr.js/2.4.3/jquery.signalR.min.js"></script>
25182518
<script>
25192519
var hubUrl = "https://demos.telerik.com/kendo-ui/service/signalr/hubs";
25202520
var connection = $.hubConnection(hubUrl, { useDefaultPath: false});
@@ -2541,15 +2541,20 @@ which should follow the `schema.data` configuration.
25412541
}
25422542
},
25432543
schema: {
2544-
model: {
2545-
id: "ID",
2546-
fields: {
2547-
"ID": { editable: false },
2548-
"CreatedAt": { type: "date" },
2549-
"UnitPrice": { type: "number" }
2544+
model: {
2545+
id: "ID",
2546+
fields: {
2547+
"ID": { editable: false },
2548+
"CreatedAt": { type: "date" },
2549+
"UnitPrice": { type: "number" }
2550+
}
25502551
}
25512552
}
2552-
}
2553+
});
2554+
2555+
dataSource.fetch(function() {
2556+
/* The result can be observed in the DevTools(F12) console of the browser. */
2557+
console.log(dataSource.data());
25532558
});
25542559
</script>
25552560

@@ -2805,7 +2810,7 @@ It is recommended to get familiar with the SignalR [JavaScript API](https://www.
28052810

28062811
#### Example
28072812

2808-
<script src="https://ajax.aspnetcdn.com/ajax/signalr/jquery.signalr-1.1.3.min.js"></script>
2813+
<script src="https://cdnjs.cloudflare.com/ajax/libs/signalr.js/2.4.3/jquery.signalR.min.js"></script>
28092814
<script>
28102815
var hubUrl = "https://demos.telerik.com/kendo-ui/service/signalr/hubs";
28112816
var connection = $.hubConnection(hubUrl, { useDefaultPath: false});
@@ -2843,6 +2848,11 @@ It is recommended to get familiar with the SignalR [JavaScript API](https://www.
28432848
}
28442849
}
28452850
});
2851+
2852+
dataSource.fetch(function() {
2853+
/* The result can be observed in the DevTools(F12) console of the browser. */
2854+
console.log(dataSource.data());
2855+
});
28462856
</script>
28472857

28482858
Configuration with [ASP.NET Core SignalR](https://docs.microsoft.com/en-us/aspnet/core/signalr/):

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

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1356,7 +1356,7 @@ The padding of the crosshair tooltip. A numeric value will set all paddings.
13561356
visible: true
13571357
},
13581358
visible: true
1359-
}
1359+
},
13601360
categories: ["2012", "2013"]
13611361
}],
13621362
series: [
@@ -6130,7 +6130,7 @@ If set to `true` the chart will display the category axis title. By default the
61306130
$("#chart").kendoChart({
61316131
categoryAxis: [{
61326132
title: {
6133-
text: "Years"
6133+
text: "Years",
61346134
visible: false
61356135
},
61366136
categories: ["2012", "2013"]
@@ -7063,7 +7063,7 @@ The background color of the label. Accepts a valid CSS color string, including h
70637063
data: [1, 2, 3]
70647064
}],
70657065
categoryAxis: {
7066-
notesdata {
7066+
notesdata: {
70677067
data: [{
70687068
value: 1,
70697069
label: {
@@ -11552,7 +11552,7 @@ If set to true, the content will be forwarded to [proxyURL](/api/javascript/data
1155211552
<script>
1155311553
$("#chart").kendoChart({
1155411554
pdf: {
11555-
proxyURL: "/save",
11555+
proxyURL: "https://demos.telerik.com/kendo-ui/service/export",
1155611556
forceProxy: true
1155711557
},
1155811558
legend: {
@@ -11564,8 +11564,8 @@ If set to true, the content will be forwarded to [proxyURL](/api/javascript/data
1156411564
]
1156511565
});
1156611566

11567-
var chart = $("#chart").getKendoChart();
11568-
chart.saveAsPDF();
11567+
//var chart = $("#chart").getKendoChart();
11568+
//chart.saveAsPDF(); Calling the method will result in an "403 Access Denied" error because the proxyURL cannot be accessed from the Dojo coderunner;
1156911569
</script>
1157011570

1157111571
### pdf.fileName `String` *(default: "Export.pdf")*
@@ -12248,7 +12248,7 @@ The supported values are:
1224812248
categories: ["Foo", "Bar"]
1224912249
}
1225012250
});
12251-
<script>
12251+
</script>
1225212252

1225312253
### series `Array`
1225412254

@@ -23479,7 +23479,7 @@ The accessible description of the Chart. The description is announced by screen
2347923479
<script>
2348023480
$("#chart").kendoChart({
2348123481
title: {
23482-
text: "Fibonacci numbers"
23482+
text: "Fibonacci numbers",
2348323483
description: "A column chart displaying the first 10 Fibonacci numbers",
2348423484
position: "bottom"
2348523485
},
@@ -26515,7 +26515,7 @@ The color of the value axis minor ticks lines. Accepts a valid CSS color string,
2651526515
<script>
2651626516
$("#chart").kendoChart({
2651726517
valueAxis: {
26518-
minorTicks {
26518+
minorTicks: {
2651926519
color: "#aa00bb",
2652026520
visible: true
2652126521
}
@@ -26532,7 +26532,7 @@ The color of the value axis minor ticks lines. Accepts a valid CSS color string,
2653226532
<script>
2653326533
$("#chart").kendoChart({
2653426534
valueAxis: {
26535-
minorTicks {
26535+
minorTicks: {
2653626536
color: "rgb(128, 0, 255)",
2653726537
visible: true
2653826538
}
@@ -26549,7 +26549,7 @@ The color of the value axis minor ticks lines. Accepts a valid CSS color string,
2654926549
<script>
2655026550
$("#chart").kendoChart({
2655126551
valueAxis: {
26552-
minorTicks {
26552+
minorTicks: {
2655326553
color: "green",
2655426554
visible: true
2655526555
}
@@ -27572,7 +27572,7 @@ If set to `true` the chart will display the value axis title. By default the val
2757227572
$("#chart").kendoChart({
2757327573
valueAxis: [{
2757427574
title: {
27575-
text: "Years"
27575+
text: "Years",
2757627576
visible: false
2757727577
}
2757827578
}],
@@ -31252,7 +31252,7 @@ The color of the x axis minor ticks lines. Accepts a valid CSS color string, inc
3125231252
<script>
3125331253
$("#chart").kendoChart({
3125431254
xAxis: {
31255-
minorTicks {
31255+
minorTicks: {
3125631256
color: "#aa00bb",
3125731257
visible: true
3125831258
}
@@ -31269,7 +31269,7 @@ The color of the x axis minor ticks lines. Accepts a valid CSS color string, inc
3126931269
<script>
3127031270
$("#chart").kendoChart({
3127131271
xAxis: {
31272-
minorTicks {
31272+
minorTicks: {
3127331273
color: "rgb(128, 0, 255)",
3127431274
visible: true
3127531275
}
@@ -31286,7 +31286,7 @@ The color of the x axis minor ticks lines. Accepts a valid CSS color string, inc
3128631286
<script>
3128731287
$("#chart").kendoChart({
3128831288
xAxis: {
31289-
minorTicks {
31289+
minorTicks: {
3129031290
color: "green",
3129131291
visible: true
3129231292
}
@@ -32568,7 +32568,7 @@ If set to `true` the chart will display the scatter chart x axis title. By defau
3256832568
$("#chart").kendoChart({
3256932569
xAxis: [{
3257032570
title: {
32571-
text: "Years"
32571+
text: "Years",
3257232572
visible: false
3257332573
}
3257432574
}],
@@ -36378,7 +36378,7 @@ The color of the y axis minor ticks lines. Accepts a valid CSS color string, inc
3637836378
<script>
3637936379
$("#chart").kendoChart({
3638036380
yAxis: {
36381-
minorTicks {
36381+
minorTicks: {
3638236382
color: "#aa00bb",
3638336383
visible: true
3638436384
}
@@ -36395,7 +36395,7 @@ The color of the y axis minor ticks lines. Accepts a valid CSS color string, inc
3639536395
<script>
3639636396
$("#chart").kendoChart({
3639736397
yAxis: {
36398-
minorTicks {
36398+
minorTicks: {
3639936399
color: "rgb(128, 0, 255)",
3640036400
visible: true
3640136401
}
@@ -36412,7 +36412,7 @@ The color of the y axis minor ticks lines. Accepts a valid CSS color string, inc
3641236412
<script>
3641336413
$("#chart").kendoChart({
3641436414
yAxis: {
36415-
minorTicks {
36415+
minorTicks: {
3641636416
color: "green",
3641736417
visible: true
3641836418
}
@@ -37690,7 +37690,7 @@ If set to `true` the chart will display the scatter chart y axis title. By defau
3769037690
$("#chart").kendoChart({
3769137691
yAxis: [{
3769237692
title: {
37693-
text: "Years"
37693+
text: "Years",
3769437694
visible: false
3769537695
}
3769637696
}],

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5245,6 +5245,7 @@ Retrieves the size of the visible portion of the map.
52455245
`Object` The size (width and height) of the visible portion of the map.
52465246

52475247
#### Example - retrieve view size
5248+
<div id="map"></div>
52485249
<script>
52495250
$("#map").kendoMap({
52505251
zoom: 1, // Layer size is 512px (2^1 * 256)

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

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -82,15 +82,15 @@ The margin of the gauge area.
8282

8383
<div id="gauge"></div>
8484
<script>
85-
$("#gauge").kendoRadialGauge({
86-
pointer: [{
87-
value: 20
88-
gaugeArea:{
89-
margin:50
90-
}
91-
}]
92-
});
93-
</script>
85+
$("#gauge").kendoRadialGauge({
86+
pointer: [{
87+
value: 20,
88+
gaugeArea:{
89+
margin:50
90+
}
91+
}]
92+
});
93+
</script>
9494

9595
### gaugeArea.margin.top `Number`
9696

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

Lines changed: 16 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1568,21 +1568,21 @@ The background color of the label. Accepts a valid CSS color string, including h
15681568

15691569
<div id="chart"></div>
15701570
<script>
1571-
$("#chart").kendoChart({
1572-
series: [{
1573-
data: [1, 2, 3]
1574-
}],
1575-
categoryAxis: {
1576-
notesdata {
1577-
data: [{
1578-
value: 1,
1579-
label: {
1580-
background: "red"
1581-
}
1582-
}]
1571+
$("#chart").kendoChart({
1572+
series: [{
1573+
data: [1, 2, 3]
1574+
}],
1575+
categoryAxis: {
1576+
notesdata: {
1577+
data: [{
1578+
value: 1,
1579+
label: {
1580+
background: "red"
1581+
}
1582+
}]
1583+
}
15831584
}
1584-
}
1585-
});
1585+
});
15861586
</script>
15871587

15881588
### categoryAxis.notes.data.label.border `Object`
@@ -2449,8 +2449,7 @@ The series base color. The supported values are:
24492449

24502450
<span id="sparkline"></span>
24512451
<script>
2452-
$("#sparkline").kendoSpar<span id="sparkline"></span>
2453-
<script>kline({
2452+
$("#sparkline").kendoSparkline({
24542453
series: [{
24552454
type: "column",
24562455
data: [200, 450, 300, 125],
@@ -5068,7 +5067,7 @@ The background color of the label. Accepts a valid CSS color string, including h
50685067
data: [1, 2, 3]
50695068
}],
50705069
valueAxis: {
5071-
notesdata {
5070+
notesdata: {
50725071
data: [{
50735072
value: 1,
50745073
label: {

docs/api/javascript/ui/actionsheet.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -872,7 +872,7 @@ Specifies the icon's class of the item.
872872
{
873873
text: 'Edit Item',
874874
icon: 'pencil',
875-
iconClass: 'custom-edit-class'
875+
iconClass: 'custom-edit-class',
876876
click: onClick
877877
},
878878
{
@@ -915,7 +915,7 @@ The icon color. Available options are `inherit`, `default`, `primary`, `secondar
915915
{
916916
text: 'Edit Item',
917917
icon: 'pencil',
918-
iconColor: "info"
918+
iconColor: "info",
919919
click: onClick
920920
},
921921
{
@@ -1127,7 +1127,7 @@ Closes the popup element of the widget.
11271127
<div id="actionsheet"></div>
11281128
<script>
11291129
var actionsheet = $('#actionsheet').kendoActionSheet({
1130-
title:'Select item',1
1130+
title:'Select item',
11311131
items:[
11321132
{
11331133
text: 'Edit Item',

docs/api/javascript/ui/appbar.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ Defines a set CSS classes for the item.
6767
items: [
6868
{
6969
type: "contentItem",
70-
className: "k-first k-one"
70+
className: "k-first k-one",
7171
template: "<span><input /><span>"
7272
},
7373
{

docs/api/javascript/ui/button.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -187,7 +187,7 @@ The `img` element can be added automatically by the widget, or an existing eleme
187187
<button id="button" type="button">Edit</button>
188188
<script>
189189
$("#button").kendoButton({
190-
imageUrl: "/images/edit-icon.gif"
190+
imageUrl: "https://demos.telerik.com/kendo-ui/content/web/treeview/edit.png"
191191
});
192192
</script>
193193

@@ -198,7 +198,7 @@ The `img` element can be added automatically by the widget, or an existing eleme
198198
</button>
199199
<script>
200200
$("#button").kendoButton({
201-
imageUrl: "/images/edit-icon.gif"
201+
imageUrl: "https://demos.telerik.com/kendo-ui/content/web/treeview/edit.png"
202202
});
203203
</script>
204204

0 commit comments

Comments
 (0)