Sync with Kendo UI Professional

Author: Kendo Bot

docs/api/javascript/data/datasource.md

@@ -2563,17 +2563,54 @@ It is recommended to get familiar with the SignalR [JavaScript API](http://www.a
         var hub = connection.createHubProxy("productHub");
         var hubStart = connection.start({ jsonp: true });
 
-        /* configuration for ASP.NET Core SignalR
-         * the initialization code below targets 1.0.0-rc1-final release of SignalR
-         * sample service can be found at https://github.com/telerik/kendo-ui-demos-service/tree/master/signalr-hubs
-         * var hubUrl = "url here";
-         * var hub = new signalR.HubConnectionBuilder()
-         *    .withUrl(hubUrl, {
-         *        transport: signalR.HttpTransportType.LongPolling
-         *    })
-         *    .build();
-         * var hubStart = hub.start();
-         */
+        var dataSource = new kendo.data.DataSource({
+            type: "signalr",
+            schema: {
+                model: {
+                    id: "ID",
+                    fields: {
+                        "ID": { editable: false, nullable: true },
+                        "CreatedAt": { type: "date" },
+                        "UnitPrice": { type: "number" }
+                    }
+                }
+            },
+            transport: {
+                signalr: {
+                    promise: hubStart,
+                    hub: hub,
+                    server: {
+                        read: "read",
+                        update: "update",
+                        destroy: "destroy",
+                        create: "create"
+                    },
+                    client: {
+                        read: "read",
+                        update: "update",
+                        destroy: "destroy",
+                        create: "create"
+                    }
+                }
+            }
+        });
+    </script>
+
+Configuration with [ASP.NET Core SignalR](https://docs.microsoft.com/en-us/aspnet/core/signalr/):
+
+#### Example
+
+    <script src="https://unpkg.com/@aspnet/[email protected]/dist/browser/signalr.js"></script>
+    <script>
+        var hubUrl = "https://demos.telerik.com/aspnet-core/service/signalr/hubs/products";
+
+        var hub = new signalR.HubConnectionBuilder()
+            .withUrl(hubUrl, {
+                transport: signalR.HttpTransportType.LongPolling
+            })
+            .build();
+
+        var hubStart = hub.start()
 
         var dataSource = new kendo.data.DataSource({
             type: "signalr",

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

@@ -85,8 +85,8 @@ The margin of the gauge area.
      $("#gauge").kendoRadialGauge({
          pointer: [{
             value: 20
-            gaugeArea:{ 
-                margin:50 
+            gaugeArea:{
+                margin:50
          }
       }]
      });
@@ -157,6 +157,34 @@ The size of the cap in percents. (from 0 to 1)
 The color of the pointer.
 Any valid CSS color string will work here, including hex and rgb.
 
+### pointer.length `Number`
+
+The pointer length (in percent) that is based on the distance to the scale.
+The default length of `1` indicates that the pointer exactly reaches the scale.
+Accepts values between `0.1` and `1.5`.
+
+#### Example - specify pointers with different lengths
+    <div id="gauge"></div>
+    <script>
+    $("#gauge").kendoRadialGauge({
+        pointer: [{
+            value: 10,
+            color: '#ffd246',
+            length: 0.5
+        }, {
+            value: 20,
+            color: '#28b4c8',
+            length: 0.75
+        }, {
+            value: 30,
+            color: '#78d237',
+
+            // Default length
+            // length: 1
+        }]
+    });
+    </script>
+
 ### pointer.value `Number`
 
 The value of the gauge.
@@ -278,7 +306,7 @@ The format of the labels.
         },
         scale: {
         min: 0,
-        max: 100, 
+        max: 100,
         labels: {
             // set the format to currency
             format: "C"
@@ -359,7 +387,7 @@ Template variables:
         },
         scale: {
         min: 0,
-        max: 100, 
+        max: 100,
         labels: {
             // set the format to currency
             template: "#= value #%"
@@ -447,7 +475,7 @@ The ranges of the scale.
         },
         scale: {
         min: 0,
-        max: 100, 
+        max: 100,
         ranges: [{
             from: 10,
             to: 20,
@@ -568,7 +596,7 @@ Detaches event handlers and removes data entries in order to avoid memory leaks.
     setTimeout(function(){
         kendo.destroy($("#gauge"));
         $("#gauge").remove();
-    },1000)     
+    },1000)
     </script>
 
 ### exportImage
@@ -711,7 +739,7 @@ Redraws the gauge.
     setTimeout(function(){
         var gauge = $("#gauge").data("kendoRadialGauge");
         gauge.redraw();
-    },1000)     
+    },1000)
     </script>
 
 ### resize
@@ -840,5 +868,5 @@ Change the value of the gauge.
     });
     setTimeout(function(){
         $("#gauge").data("kendoRadialGauge").value(20);
-    },1000)     
+    },1000)
     </script>

docs/controls/gauges/radialgauge/overview.md

@@ -1,6 +1,6 @@
 ---
 title: Overview
-page_title: Overview | Kendo UI Radial Gauge  
+page_title: Overview | Kendo UI Radial Gauge
 description: "Learn how to initialize and set the Kendo UI Radial Gauge."
 slug: overview_kendoui_radialgaugewidget
 position: 1
@@ -34,6 +34,8 @@ To initialize the Radial Gauge with its default configuration, use the following
 
 ## Configuration
 
+For a detailed list with all configuration options of the Radial Gauge, refer to its [JavaScript API](/api/dataviz/radialgauge).
+
 ### Create Semi- and Quarter-Circle Gauges
 
 The [`startAngle`](/api/dataviz/radialgauge#scale.startAngle) and [`endAngle`](/api/dataviz/radialgauge#scale.endAngle) configuration options enable you to create gauges that align with your design goals.
@@ -49,7 +51,34 @@ The following example demonstrates how to create a quarter-gauge, oriented to th
 
 For a real-world example, refer to the [**Car Dashboard** demo](http://demos.telerik.com/kendo-ui/radial-gauge/car-dashboard).
 
-For a detailed list with all configuration options of the Radial Gauge, refer to its [JavaScript API](/api/dataviz/radialgauge).
+### Multiple Pointers
+
+The Radial Gauge enables you to highlight multiple values by rendering multiple pointers.
+
+You can independently customize each pointer including its current value, color, and length.
+
+###### Example
+
+    <div id="gauge"></div>
+    <script>
+    $("#gauge").kendoRadialGauge({
+        pointer: [{
+            value: 10,
+            color: '#ffd246',
+            length: 0.5
+        }, {
+            value: 20,
+            color: '#28b4c8',
+            length: 0.75
+        }, {
+            value: 30,
+            color: '#78d237',
+
+            // Default length
+            // length: 1
+        }]
+    });
+    </script>
 
 ## See Also