Sync with Kendo UI Professional

Author: Kendo Bot

docs/api/javascript/ui/grid.md

@@ -2577,7 +2577,9 @@ Can be set to a string ("inline", "incell" or "popup") to specify the editing mo
 
 Can be set to a JavaScript object which represents the editing configuration.
 
-> The "inline" and "popup" editing modes are triggered by the "edit" column command. Thus it is required to have a column with an "edit" command.
+> The "inline" and "popup" editing modes are triggered by the "edit" column command. Thus it is required to have a column with an "edit" command.
+>
+> The "incell" editing mode combined with DataSource `autoSync: true` setting is not supported when using server-side grouping in the Grid. To be able to save edited values on each change, you can disable server-side grouping or trigger a DataSource `sync()` manually inside the [`cellClose` event](#events-cellClose).
 
 #### Example - enable editing
     <div id="grid"></div>
@@ -8240,7 +8242,7 @@ the complete state obtained previously with the [`getOptions`](#methods-getOptio
 
 When `setOptions` is called, the Grid widget will be destroyed and recreated. If the widget is bound to remote data, a new read request will be made.
 
-> There are three important things to keep in mind when using `getOptions` and `setOptions`.
+> There are a few important things to keep in mind when using `getOptions` and `setOptions`.
 >
 > * **calling `setOptions()` in a Grid event handler is not possible.**
 > * **calling `setOptions()` in a function, which is related to the Grid's databinding mechanism may cause an endless loop.**

docs/knowledge-base/calendar-disable-dates-dynamically.md

@@ -1,8 +1,8 @@
 ---
-title: Disable dates of the Kendo UI Calendar dynamically
-description: An example on how to disable dates of the Kendo UI Calendar dynamically.
+title: Disable Dates in Calendar Dynamically
+description: An example on how to dynamically disable dates in the Kendo UI Calendar.
 type: how-to
-page_title:  Disable dates of the Kendo UI Calendar dynamically| Kendo UI Calendar
+page_title: Disable Dates Dynamically | Kendo UI Calendar
 slug: calendar-disable-dates-dynamically
 tags: calendar, disable, dates, dynamically, javascript,js
 res_type: kb
@@ -13,7 +13,7 @@ res_type: kb
 <table>
  <tr>
   <td>Product</td>
-  <td>Calendar for Progress® Kendo UI®</td>
+  <td>Progress Kendo UI Calendar</td>
  </tr> <tr>
   <td>Made with version</td>
   <td>2017.3.1026</td>
@@ -23,11 +23,12 @@ res_type: kb
 
 ## Description
 
-How can I disable dates of the Kendo UI Calendar after the initialization of the widget?
+How can I disable dates in the Calendar after the widget was initialized?
 
 ## Solution
 
-Use [destroy method](https://docs.telerik.com/kendo-ui/api/javascript/ui/calendar#methods-destroy) to destroy the calendar and then initialize once again with disabled dates.
+1. Destroy the Calendar by using the [`destroy`](https://docs.telerik.com/kendo-ui/api/javascript/ui/calendar#methods-destroy) method.
+1. Initialize the Calendar with the disabled dates.
 
 ````html
     <div id="calendar"></div>

docs/knowledge-base/calendar-select-range-of-dates.md

@@ -0,0 +1,94 @@
+---
+title: Select a range of dates
+description: An example on how to select a range of dates in the Kendo UI Calendar widget.
+type: how-to
+page_title: Select a range of dates | Kendo UI Calendar
+slug: calendar-select-range-of-dates
+tags: kendo, ui, calendar, select, range, dates, multiple, between, datepicker
+res_type: kb
+component: calendar
+---
+
+## Environment
+
+<table>
+ <tr>
+  <td>Product</td>
+  <td>Progress Kendo UI Calendar</td>
+ </tr>
+ <tr>
+  <td>Progress Kendo UI version</td>
+  <td>Tested up to version 2017.3.1026</td>
+ </tr>
+</table>
+ 
+
+## Description
+
+How can I select a range of dates in the Kendo Calendar widget?
+
+## Solution
+
+Once the user chooses both end and start dates, select the dates in the selected range using the [selectDates method](https://docs.telerik.com/kendo-ui/api/javascript/ui/calendar#methods-selectDates)
+
+```html
+    <label>Start:</label>
+
+    <input id='start'/>
+
+    <label>End:</label>
+    <input id='end'/>
+    <br/>
+    <div id='calendar' style='margin:10px'></div>
+
+    <script>
+      Date.prototype.addDays = function (days) {
+        var dat = new Date(this.valueOf());
+        dat.setDate(dat.getDate() + days);
+        return dat;
+      }
+      
+      $('#start').kendoDatePicker({
+        change: rangeSelection
+      });
+
+      $('#end').kendoDatePicker({
+        change: rangeSelection
+      });
+
+      $('#calendar').kendoCalendar({
+        selectable:'multiple'
+      });
+
+      function rangeSelection() {
+
+        var start = $('#start').data('kendoDatePicker');
+        var end = $('#end').data('kendoDatePicker');
+        var calendar = $('#calendar').data('kendoCalendar');
+
+        if (start.value() && end.value() && start.value().getTime() <= end.value().getTime()) {
+          debugger
+          var datesToSelect = [];
+          var daysToAdd = 0;
+          while (true) {
+            var dateToAdd = start.value().addDays(daysToAdd);
+            if (dateToAdd.getTime() >= end.value().getTime()) {
+              datesToSelect.push(dateToAdd);
+              break;
+            }
+            datesToSelect.push(dateToAdd);
+            daysToAdd++;
+          }
+
+          calendar.selectDates(datesToSelect);
+        }
+      }
+
+    </script>
+```
+
+## See Also
+
+* [API Reference of the DatePicker](http://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker)
+* [API Reference of the DateTimePicker](http://docs.telerik.com/kendo-ui/api/javascript/ui/datetimepicker)
+* [API Reference of the Calendar](http://docs.telerik.com/kendo-ui/api/javascript/ui/calendar)

docs/knowledge-base/chart-style-not-affected-by-sass-theme.md

@@ -1,8 +1,8 @@
 ---
-title: The Custom Theme That Is Created by Using SASS ThemeBuilder Doesn't Affect Charts
+title: The Custom Theme that Is Created by Using SASS ThemeBuilder Doesn't Affect Charts
 description: The theme which is created through the ThemeBuilder changes the style of every Kendo UI control except for the Charts.
 type: troubleshooting
-page_title: Custom Theme Created through the SASS ThemeBuilder Doesn't Affect the MVC Charts | Kendo UI Charts
+page_title: Custom Theme Created through the SASS ThemeBuilder Doesn't Affect the MVC Charts | UI for ASP.NET MVC
 slug: chart-style-not-affected-by-sass-theme
 tags: chart, theme, themebuilder, style, sass
 ticketid: 1141887

docs/knowledge-base/datepicker-validate-whether-value-is-in-correct-format.md

@@ -1,11 +1,10 @@
 ---
-title: Validate whether value is in correct format
-description: An example on how to validate whether value is in correct format of the Kendo UI DatePicker and DateTimePicker widgets.
+title: Validate If Value Is in the Correct Format
+description: An example on how to validate whether value is in the correct format in the Kendo UI DatePicker and DateTimePicker widgets.
 type: how-to
-page_title: Validate whether value is in correct format| Kendo UI DatePicker
+page_title: Validate Whether Value Is in the Correct Format | Kendo UI DatePicker
 slug: datepicker-validate-whether-value-is-in-correct-format
 tags: kendo, ui, datepicker, datetimepicker, validate, format,correct, value,input
-ticketid: 
 res_type: kb
 component: datepicker
 ---
@@ -16,6 +15,7 @@ component: datepicker
  <tr>
   <td>Product</td>
   <td>Progress Kendo UI DatePicker</td>
+  <td>Progress Kendo UI DateTimePicker</td>
  </tr>
  <tr>
   <td>Progress Kendo UI version</td>
@@ -26,15 +26,11 @@ component: datepicker
 
 ## Description
 
-Can I validate whether the input of the user is in the correct format?
+How can I validate whether the input of the user in the DatePicker is in the correct format?
 
 ## Solution
 
-A possible solution is to use the [Kendo Validator](https://docs.telerik.com/kendo-ui/controls/editors/validator/overview) and create a custom validation rule which validates the format of the date.
-
-### DatePicker
-
-The following example demonstrates the full implementation of the approach.
+Use the [Kendo UI Validator](https://docs.telerik.com/kendo-ui/controls/editors/validator/overview) and create a custom validation rule which validates the format of the date.
 
 ```html
     <h2>Use client-side validation:</h2>
@@ -89,6 +85,6 @@ The following example demonstrates the full implementation of the approach.
 
 ## See Also
 
-* [DatePicker API Reference](http://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker)
-* [DateTimePicker API Reference](http://docs.telerik.com/kendo-ui/api/javascript/ui/datetimepicker)
-* [Calendar API Reference](http://docs.telerik.com/kendo-ui/api/javascript/ui/calendar)
+* [API Reference of the DatePicker](http://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker)
+* [API Reference of the DateTimePicker](http://docs.telerik.com/kendo-ui/api/javascript/ui/datetimepicker)
+* [API Reference of the Calendar](http://docs.telerik.com/kendo-ui/api/javascript/ui/calendar)

docs/knowledge-base/dropdownlist-cascading-angularjs-webapi.md

@@ -1,10 +1,9 @@
 ---
-title: Cascading DropDownLists Using Transport Binding with AngularJS and WebAPI
+title: Cascading DropDownLists by Using Transport Binding with AngularJS and WebAPI
 description: An example on how to implement cascading dropdownlists, with transport binding with webapi with angularjs
 type: how-to
-page_title: Implement Cascading DropDownLists with AngularJS, Using Transport Binding and WebAPI | Kendo DropDownList
+page_title: Implement Cascading DropDownLists with AngularJS by Using Transport Binding and WebAPI | Kendo DropDownList
 slug: dropdownlist-cascading-angularjs-webapi
-position: 0
 tags: kendo, kendoui, dropdownlist, cascading, webapi, transport, datasource, angularjs
 ticketid: 1142461
 res_type: kb

docs/knowledge-base/export-multiple-grids-in-the-same-pdf-file.md

@@ -1,8 +1,8 @@
 ---
-title: Export multiple grids in the same pdf file
-description: An example on how to export multiple grids in the same pdf file.
+title: Export Multiple Grids in the Same PDF File
+description: An example on how to export multiple Kendo UI Grids in the same PDF file.
 type: how-to
-page_title: Export multiple grids in the same pdf file | Kendo UI Grid
+page_title: Export Multiple Grids in the Same PDF File | Kendo UI Grid
 slug: export-multiple-grids-in-the-same-pdf-file
 tags: kendo ui, mvc, pdf, multiple, grids, same, file, grid
 ticketid: 1131735
@@ -15,7 +15,7 @@ component: grid
 <table>
  <tr>
   <td>Product</td>
-  <td>Grid for Progress Kendo UI</td>
+  <td>Progress Kendo UI Grid</td>
  </tr>
  <tr>
    <td>Progress Kendo UI version</td>
@@ -25,11 +25,13 @@ component: grid
 
 ## Description
 
-How can I export many grids in the same `pdf` file?
+How can I export many Grids in the same PDF file?
 
 ## Solution
 
-Simply export one of the grids using `_drawPDF` function. Then in the callback of the promise, export the rest of the grids and append the result to the export of the initially exported grid.
+1. Export one of the Grids by using the `_drawPDF` function.
+1. In the callback of the promise, export the other Grids.
+1. Append the result to the export of the initially exported Grid.
 
 ```html
         <div id="example">

docs/knowledge-base/export-the-grid-to-excel-only-after-confirmation.md

@@ -2,7 +2,7 @@
 title: Export the Grid to Excel after Confirmation
 description: An example on how to export the Kendo UI Grid to Excel only after confirmation.
 type: how-to
-page_title: Export Grid to Excel only after Confirmation | Telerik UI for JSP
+page_title: Export Grid to Excel only after Confirmation | UI for JSP
 slug: export-the-grid-to-excel-only-after-confirmation
 tags: grid, excel, export
 ticketid: 1117057

docs/knowledge-base/filter-all-columns-with-one-textbox.md

@@ -1,19 +1,20 @@
 ---
-title: Filter all columns with single textbox
-description: Example on how to filter all columns with single textbox
+title: Filter All Grid Columns with Single Textbox
+description: An example on how to filter all columns with a single textbox in the Kendo UI Grid.
 type: how-to
-page_title: Filter all columns with single textbox | Kendo UI Grid
+page_title: Filter All Columns with Single Textbox | Kendo UI Grid
 slug: filter-all-columns-with-one-textbox
 tags: grid, filter, all, columns, single, input, textbox, one, global, search, entire, whole
 res_type: kb
 component: grid
 ---
 
 ## Environment
+
 <table>
  <tr>
   <td>Product</td>
-  <td>Grid for Progress® Kendo UI®</td>
+  <td>Progress Kendo UI Grid</td>
  </tr>
  <tr>
   <td>Progress Kendo UI version</td>
@@ -23,12 +24,12 @@ component: grid
 
 ## Description
 
-I want the users to search through all columns of the grid using one single input field. How can I implement a global grid search?
+How can I implement a global Grid search and enable the users to search through all Grid columns by using a single input field?
 
 ## Solution
 
-Within the [input event](https://developer.mozilla.org/en-US/docs/Web/Events/input) handler of the text box, build a filter query using the value of the textbox. Then filter the data source using the [filter method](https://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-filter).
-    
+1. Within the [`input`](https://developer.mozilla.org/en-US/docs/Web/Events/input) event handler of the textbox, build a filter query by using the value of the textbox.
+1. Filter the data source by using the [`filter`](https://docs.telerik.com/kendo-ui/api/javascript/data/datasource#methods-filter) method.
 
 ```html
 
@@ -155,4 +156,4 @@ Within the [input event](https://developer.mozilla.org/en-US/docs/Web/Events/inp
         });
       </script>
     </div>
-```
+```

docs/knowledge-base/filter-grid-with-multi-select-widget.md

@@ -1,8 +1,8 @@
 ---
-title: Filter a grid with the Kendo UI MultiSelect widget
-description: An example on how to customize the filter in order to use the MultiSelect widget.
+title: Filter Grid by Using the MultiSelect
+description: An example on how to customize the kendo UI Grid filter and use the Kendo UI MultiSelect widget.
 type: how-to
-page_title:  Filter a grid with the Kendo UI MultiSelect widget | Kendo UI Grid
+page_title:  Filter the Grid with the MultiSelect Widget | Kendo UI Grid
 slug: filter-grid-with-multi-select-widget
 tags: kendo ui, mvc, grid, multi, select, filter, custom,
 ticketid: 1129339
@@ -15,7 +15,7 @@ component: grid
 <table>
  <tr>
   <td>Product</td>
-  <td>Grid for Progress Kendo UI</td>
+  <td>Progress Kendo UI Grid</td>
  </tr>
  <tr>
    <td>Progress Kendo UI version</td>
@@ -25,11 +25,13 @@ component: grid
 
 ## Description
 
-How can I apply multiple filters for single field with the Kendo UI MultiSelect widget?
+How can I apply multiple filters in a Grid for a single field with the Kendo UI MultiSelect widget?
 
 ## Solution
 
-Use the `columns.filterable.ui` for menu filtering and `columns.filterable.cell.template` for row filtering in order to specify which function will create the custom filter widget. In that function create MultiSelect widget and when the `change` event is fired apply the filters to the grid based on the currently selected items.
+1. Specify which function will create the custom filter widget by using the `columns.filterable.ui` for menu filtering and `columns.filterable.cell.template` for row filtering.
+1. In that function, create a MultiSelect widget.
+1. When the `change` event is fired, apply the filters to the Grid based on the currently selected items.
 
 ```html
     <div id="example">