Sync with Kendo UI Professional

Author: Kendo Bot

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

@@ -3302,6 +3302,7 @@ See [crossorigin attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/El
 for more details.
 
 #### Returns
+
 `Promise` A promise that will be resolved with a PNG image encoded as a Data URI.
 
 #### Example - Exporting a diagram to an image
@@ -3341,6 +3342,7 @@ The promise will be resolved with a PDF file encoded as a [Data URI](https://dev
 Parameters for the exported PDF file.
 
 #### Returns
+
 `Promise` A promise that will be resolved with a PDF file encoded as a Data URI.
 
 #### Example - Exporting a diagram to a PDF file
@@ -3624,6 +3626,7 @@ Saves the diagram.
 Saves the diagram content as PDF document.
 
 #### Returns
+
 `Promise` A promise that will be resolved when the export completes.
 
 #### Example - Exporting a diagram to a PDF document

docs/api/javascript/ui/grid.md

@@ -8355,6 +8355,7 @@ Initiates the PDF export and returns a promise. Also triggers the [pdfExport](/a
 > Calling this method may trip the built-in browser pop-up blocker. To avoid that, call this method as a response to an end-user action, e.g. a button click.
 
 #### Returns
+
 `Promise` A promise that will be resolved when the export completes. The same promise is available in the [pdfExport](/api/javascript/ui/grid/events/pdfexport) event arguments.
 
 #### Example - manually initiate PDF export

docs/controls/conversational-ui/chat/configure-chat-agent.md

@@ -21,7 +21,7 @@ The following example uses the [Microsoft Bot Framework](https://dev.botframewor
 <div id="chat"></div>
 
 <!-- Load Bot Framework Client API -->
-<script src="http://unpkg.com/botframework-directlinejs/directLine.js"></script>
+<script src="https://unpkg.com/botframework-directlinejs/directLine.js"></script>
 
 <script>
   $(document).ready(function () {

docs/controls/conversational-ui/chat/overview.md

@@ -10,8 +10,6 @@ position: 1
 
 The [Kendo UI Chat](http://demos.telerik.com/kendo-ui/chat/index) widget allows the user to participate in chat sessions with other users or with chat bots.
 
-For additional information on new Chat features, refer to the [Kendo UI Roadmap](http://www.telerik.com/support/whats-new/kendo-ui-web/roadmap).
-
 ## Getting Started
 
 ### Create the Chat

docs/controls/scheduling/scheduler/how-to/custom-views/custom-month-view-with-event-count-in-show-more-button.md

@@ -4,6 +4,7 @@ page_title: Create Custom Month Views with Event Count in the Show More Button |
 description: "Learn how to inherit some of the built-in views and implement specific custom logic in a Kendo UI Scheduler."
 previous_url: /controls/scheduling/scheduler/how-to/custom-month-view-with-event-count-in-show-more-button
 slug: howto_create_custom_monthview_eventcount_showmore_button_scheduler
+position: 3
 ---
 
 # Create Custom Month Views with Event Count in the Show More Button
@@ -16,12 +17,12 @@ The following example demonstrates how to inherit the built-in Month view and im
     <div id="scheduler"></div>
     <script>
         var MORE_BUTTON_TEMPLATE = kendo.template(
-            '<div style="width:#=width#px;left:#=left#px;top:#=top#px" class="k-more-events k-button"><span style="font-size:8pt; margin-top: 0;"> #=getEventCountForRange(startSlot, endSlot, rowsCount)# more events..</span></div>');
-
+            '<div style="width:#=width#px;left:#=left#px;top:#=top#px"' +
+            'class="k-more-events k-button"><span style="font-size:8pt; margin-top: 0;">' +
+            '#=getEventCountForRange(startSlot, endSlot, rowsCount)# more events..</span></div>');
 
         function getEventCountForRange(startSlot, endSlot, rowsCount) {
             var scheduler = $(startSlot.element).closest("[data-role=scheduler]").getKendoScheduler();
-
             var currentTimezoneOffset = kendo.date.MS_PER_MINUTE * new Date().getTimezoneOffset();
             var rangeStart = new Date(startSlot.start + currentTimezoneOffset);
             var rangeEnd = new Date(endSlot.end + currentTimezoneOffset);
@@ -66,7 +67,6 @@ The following example demonstrates how to inherit the built-in Month view and im
                     }
                 }
 
-
                 if (rows.length > eventCount) {
                     for (var slotIndex = startIndex; slotIndex <= endIndex; slotIndex++) {
                         var collection = slotRange.collection;
@@ -89,7 +89,6 @@ The following example demonstrates how to inherit the built-in Month view and im
                             top: slot.offsetTop + slot.firstChildHeight + eventCount * eventHeight + 3 * eventCount
                         }));
 
-
                         this.content[0].appendChild(slot.more[0]);
                     }
 
@@ -122,9 +121,8 @@ The following example demonstrates how to inherit the built-in Month view and im
                 date: new Date("2013/6/13"),
                 startTime: new Date("2013/6/13 07:00 AM"),
                 height: 600,
-                views: [{
-                        type: "CustomMonthView"
-                    },
+                views: [
+                    { type: "CustomMonthView", selected: true },
                     "day"
                 ],
                 timezone: "Etc/UTC",
@@ -159,94 +157,23 @@ The following example demonstrates how to inherit the built-in Month view and im
                         model: {
                             id: "taskId",
                             fields: {
-                                taskId: {
-                                    from: "TaskID",
-                                    type: "number"
-                                },
-                                title: {
-                                    from: "Title",
-                                    defaultValue: "No title",
-                                    validation: {
-                                        required: true
-                                    }
-                                },
-                                start: {
-                                    type: "date",
-                                    from: "Start"
-                                },
-                                end: {
-                                    type: "date",
-                                    from: "End"
-                                },
-                                startTimezone: {
-                                    from: "StartTimezone"
-                                },
-                                endTimezone: {
-                                    from: "EndTimezone"
-                                },
-                                description: {
-                                    from: "Description"
-                                },
-                                recurrenceId: {
-                                    from: "RecurrenceID"
-                                },
-                                recurrenceRule: {
-                                    from: "RecurrenceRule"
-                                },
-                                recurrenceException: {
-                                    from: "RecurrenceException"
-                                },
-                                ownerId: {
-                                    from: "OwnerID",
-                                    defaultValue: 1
-                                },
-                                isAllDay: {
-                                    type: "boolean",
-                                    from: "IsAllDay"
-                                }
+                                taskId: { from: "TaskID", type: "number" },
+                                title: { from: "Title", defaultValue: "No title", validation: { required: true } },
+                                start: { type: "date", from: "Start" },
+                                end: { type: "date", from: "End" },
+                                startTimezone: { from: "StartTimezone" },
+                                endTimezone: { from: "EndTimezone" },
+                                description: { from: "Description" },
+                                recurrenceId: { from: "RecurrenceID" },
+                                recurrenceRule: { from: "RecurrenceRule" },
+                                recurrenceException: { from: "RecurrenceException" },
+                                ownerId: { from: "OwnerID", defaultValue: 1 },
+                                isAllDay: { type: "boolean", from: "IsAllDay" }
                             }
                         }
-                    },
-                    filter: {
-                        logic: "or",
-                        filters: [{
-                            field: "ownerId",
-                            operator: "eq",
-                            value: 1
-                        }, {
-                            field: "ownerId",
-                            operator: "eq",
-                            value: 2
-                        }]
                     }
-                },
-                resources: [{
-                    field: "ownerId",
-                    title: "Owner",
-                    dataSource: [{
-                        text: "Alex",
-                        value: 1,
-                        color: "#f8a398"
-                    }, {
-                        text: "Bob",
-                        value: 2,
-                        color: "#51a0ed"
-                    }, {
-                        text: "Charlie",
-                        value: 3,
-                        color: "#56ca85"
-                    }]
-                }]
+                }
             }).data("kendoScheduler");
-
-            $("#days").change(function() {
-                //change the number of days option of the view
-                scheduler.setOptions({
-                    numberOfDays: parseInt($(this).val())
-                });
-                //reload the view
-                scheduler.view(scheduler.view().name);
-            });
         });
     </script>
 ```

docs/controls/scheduling/scheduler/how-to/custom-views/custom-todo-view.md

@@ -4,6 +4,7 @@ page_title: Create Custom To-Do Views | Kendo UI Scheduler
 description: "Learn how to create a custom To-Do view for a Kendo UI Scheduler."
 previous_url: /controls/scheduling/scheduler/how-to/custom-todo-view
 slug: howto_create_custom_todo_view
+position: 4
 ---
 
 # Create Custom To-Do Views

docs/controls/scheduling/scheduler/how-to/custom-views/custom-view.md

@@ -4,6 +4,7 @@ page_title: Create Custom Views by Inheriting Built-In Views | Kendo UI Schedule
 description: "Learn how to inherit some of the built-in views and implement specific custom logic in a Kendo UI Scheduler widget."
 previous_url: /controls/scheduling/scheduler/how-to/custom-view
 slug: howto_create_custom_view_inheriting_builtinview_scheduler
+position: 2
 ---
 
 # Create Custom Views by Inheriting Built-In Views
@@ -15,51 +16,48 @@ The following example demonstrates how to inherit some of the built-in views and
 ```html
     <div id="scheduler"></div>
     <script>
-        var CustomAgenda = kendo.ui.AgendaView.extend({
-            endDate: function() {
-              var date = kendo.ui.AgendaView.fn.endDate.call(this);
-              return kendo.date.addDays(date, 31);
-            }
-        });
-
-        var ThreeDayView = kendo.ui.MultiDayView.extend({
-              nextDate: function () {
-                  return kendo.date.nextDay(this.startDate());
-              },
-
-              options: {
-                  selectedDateFormat: "{0:D} - {1:D}"
-              },
-
-              name: "ThreeDayView",
-
-              calculateDateRange: function () {
-                  //create a range of dates to be shown within the view
-                  var start = this.options.date,
-                      idx, length,
-                      dates = [];
+      var CustomAgenda = kendo.ui.AgendaView.extend({
+        endDate: function() {
+          var date = kendo.ui.AgendaView.fn.endDate.call(this);
+          return kendo.date.addDays(date, 31);
+        }
+      });
 
-                  for (idx = 0, length = 3; idx < length; idx++) {
-                      dates.push(start);
-                      start = kendo.date.nextDay(start);
-                  }
+      var ThreeDayView = kendo.ui.MultiDayView.extend({
+        nextDate: function () {
+          return kendo.date.nextDay(this.startDate());
+        },
+        options: {
+          selectedDateFormat: "{0:D} - {1:D}"
+        },
+        name: "ThreeDayView",
+        calculateDateRange: function () {
+          //create a range of dates to be shown within the view
+          var start = this.options.date,
+            idx, length,
+            dates = [];
+
+          for (idx = 0, length = 3; idx < length; idx++) {
+            dates.push(start);
+            start = kendo.date.nextDay(start);
+          }
 
-                  this._render(dates);
-              }
-        });
+          this._render(dates);
+        }
+      });
 
       $(function() {
         $("#scheduler").kendoScheduler({
           date: new Date("2013/6/13"),
           startTime: new Date("2013/6/13 07:00 AM"),
           height: 600,
           views: [
-          "day",
-              { type: "week", selected: true },
-              // "custom week",
-              { type: "ThreeDayView", title: "Three day view" },
-              // "custom agenda",
-              { type: "CustomAgenda", title: "Custom Agenda" }
+            "day",
+            "week",
+            // "custom week",
+            { type: "ThreeDayView", title: "Three day view", selected: true },
+            // "custom agenda",
+            { type: "CustomAgenda", title: "Custom Agenda" }
           ],
           timezone: "Etc/UTC",
           dataSource: {
@@ -105,60 +103,9 @@ The following example demonstrates how to inherit some of the built-in views and
                   isAllDay: { type: "boolean", from: "IsAllDay" }
                 }
               }
-            },
-            filter: {
-              logic: "or",
-              filters: [
-                { field: "ownerId", operator: "eq", value: 1 },
-                { field: "ownerId", operator: "eq", value: 2 }
-              ]
-            }
-          },
-          resources: [
-            {
-              field: "ownerId",
-              title: "Owner",
-              dataSource: [
-                { text: "Alex", value: 1, color: "#f8a398" },
-                { text: "Bob", value: 2, color: "#51a0ed" },
-                { text: "Charlie", value: 3, color: "#56ca85" }
-              ]
             }
-          ],
-          edit: function(e) {
-                var container = e.container;
-
-                /* ACTION: ADD custom button */
-                var newButton = $('<a class="k-button" href="#">New button</a>');
-
-                //wire its click event
-                newButton.click(function(e) { alert("Clicked"); });
-
-                //add the button to the container
-                var buttonsContainer = container.find(".k-edit-buttons");
-                buttonsContainer.append(newButton);
-
-                /* ACTION: Accessing dropdownlist widget */
-                container.find("[data-container-for=ownerId]")
-                .find("[data-role=dropdownlist]")
-                .data("kendoDropDownList")
-                .wrapper.width("400px");
           }
         });
-
-        $("#people :checkbox").change(function(e) {
-          var checked = $.map($("#people :checked"), function(checkbox) {
-            return parseInt($(checkbox).val());
-          });
-
-          var scheduler = $("#scheduler").data("kendoScheduler");
-
-          scheduler.dataSource.filter({
-            operator: function(task) {
-              return $.inArray(task.ownerId, checked) >= 0;
-            }
-          });
-        });
       });
     </script>
 ```