Sync with Kendo UI Professional

Author: Kendo Bot

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

@@ -1,20 +1,20 @@
 ---
-title: Custom Theme Created Using Sass ThemeBuilder Doesn't Affect Charts
-description: Theme created using ThemeBuilder changes style of every control except the 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 Using Sass ThemeBuilder Doesn't Affect Charts
+page_title: Custom Theme Created through the SASS ThemeBuilder Doesn't Affect the MVC Charts | Kendo UI Charts
 slug: chart-style-not-affected-by-sass-theme
 tags: chart, theme, themebuilder, style, sass
 ticketid: 1141887
 res_type: kb
-
 ---
 
 ## Environment
+
 <table>
  <tr>
   <td>Product</td>
-  <td>Progress® Kendo UI® Charts for ASP.NET MVC</td>
+  <td>Progress Kendo UI Charts for ASP.NET MVC</td>
  </tr>
  <tr>
   <td>Operating System</td>
@@ -32,15 +32,15 @@ res_type: kb
 
 ## Description
 
-I created a new Sass theme using the ThemeBuilder tool, downloaded it, and added a reference to it in my `Layout.cshtml` file. The theme works as expected throughout all the application but it doesn't affect the charts even though I chose new colors for the series.
+I created a new SASS theme by using the Kendo UI ThemeBuilder tool, downloaded it, and added a reference to it in my `Layout.cshtml` file. The theme works as expected for the whole application but it doesn't affect the Charts even though I chose new colors for the series.
 
-## Cause\ Possible Cause(s)
+## Cause
 
-As the Charts are very specific Widgets, they require a custom property to be set before recognizing the new styles.
+The Charts require you to set a custom property before they recognize the new styles.
 
 ## Solution
 
-Set the `theme` property of the Kendo UI Charts to `"sass"`
+Set the `theme` property of the Kendo UI Charts to `"sass"`.
 
 ````c#
 @(Html.Kendo().Chart()
@@ -49,5 +49,6 @@ Set the `theme` property of the Kendo UI Charts to `"sass"`
 ````
 
 ## See Also
-* [Progress Sass ThemeBuilder.](http://themebuilder.telerik.com/aspnet-mvc)
-* [API Reference for theme property.](https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-theme)
+
+* [Progress SASS ThemeBuilder](http://themebuilder.telerik.com/aspnet-mvc)
+* [API Reference of the theme Property](https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-theme)

docs/knowledge-base/dropdownlist-alternate-color-items.md

@@ -1,20 +1,20 @@
 ---
-title: Alternate Colors in DropDownList Items
-description: An example on how to implement alternating colors in a Kendo UI DropDownList
+title: Alternate Colors of DropDownList Items
+description: An example on how to implement alternating colors in a Kendo UI DropDownList.
 type: how-to
-page_title: Alternate Colors in DropDownList Items
+page_title: Alternate Colors of Items | Kendo UI DropDownList
 slug: dropdownlist-alternate-color-items
 tags: dropdownlist, dropdown, list, items, color, alternate, background
 ticketid: 1141949
 res_type: kb
-
 ---
 
 ## Environment
+
 <table>
  <tr>
   <td>Product</td>
-  <td>DropDownList for Progress® Kendo UI®</td>
+  <td>Progress Kendo UI DropDownList</td>
  </tr>
  <tr>
   <td>Operating System</td>
@@ -32,11 +32,11 @@ res_type: kb
 
 ## Description
 
-How can alternating colors be implemented in the items of a Kendo UI DropDownList?
+How can I implement alternating colors in the items of a Kendo UI DropDownList?
 
 ## Solution
 
-In a Kendo UI DropDownList, the background color of items can be alternated using CSS:
+Use the following CSS rules:
 
 ````css
  #countries-list ul li:nth-of-type(odd) {
@@ -77,4 +77,4 @@ In a Kendo UI DropDownList, the background color of items can be alternated usin
 
 ## See Also
 
-* [DropDownList Overview.](https://docs.telerik.com/kendo-ui/controls/editors/dropdownlist/overview)
+* [DropDownList Overview](https://docs.telerik.com/kendo-ui/controls/editors/dropdownlist/overview)

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

@@ -12,10 +12,11 @@ res_type: kb
 ---
 
 ## Environment
+
 <table>
  <tr>
   <td>Product</td>
-  <td>DropDownList for Progress® Kendo UI®</td>
+  <td>Progress Kendo UI DropDownList</td>
  </tr>
  <tr>
   <td>Operating System</td>
@@ -34,13 +35,11 @@ res_type: kb
 
 ## Description
 
-How can I have cascading DropDownLists configured with transport data binding. I need to implement this with WebAPI and I use AnguarJS
+How can I implement cascading DropDownLists, which are configured with the `transport` data binding, together with WebAPI in an AnguarJS application?
 
 ## Solution
 
-In order to achieve the desired functionality, you should have the child dropdownlist configured to be aware of his parent widget and from which fields it should cascade. This should be achieved, by setting the **k-cascade-from** and **k-cascade-from-field**.
-
-The example below, demonstrates full implementation of the scenario:
+Configure the child DropDownList by setting the `k-cascade-from` and `k-cascade-from-field`. As a result, it "becomes aware" of its parent DropDownList from whose fields it will cascade.
 
 ```html
 
@@ -101,7 +100,7 @@ The example below, demonstrates full implementation of the scenario:
           })
 </script>
 
----------Controller Implementatoin-------------
+---------Controller Implementation-------------
  public class ProductsController : ApiController
     {
         [Route("api/Products/Get")]

docs/knowledge-base/editor-encoded-special-characters.md

@@ -1,6 +1,6 @@
 ---
-title: Set Encoded Special Characters as Editor Value
-description: An example on how to display decoded special characters in the Editor.
+title: Set Encoded Special Characters as Editor Values
+description: An example on how to display decoded special characters in the Kendo UI Editor.
 type: how-to
 page_title: Programmatically set encoded special characters as value | Kendo UI Editor
 slug: editor-encoded-special-characters
@@ -33,25 +33,25 @@ component: editor
 
 ## Description
 
-How can I set encoded special characters as Editor value and display them decoded?
+How can I set the encoded special characters as Editor values and display them decoded?
 
 ## Solution
 
-Decode the encoded special characters prior to passing them as a parameter to the `value` method of the Editor.
+Prior to passing them as a parameter to the `value` method of the Editor, decode the encoded special characters.
 
 ```html
 <textarea id="editor"></textarea>
 <script>
 	$("#editor").kendoEditor();
-  
+
 	var editor = $("#editor").data("kendoEditor");
 	var encodedString = "&lt;p&gt;Paragraph with a &gt; special character inside.&lt;/p&gt";
 	var parser = new DOMParser;
 	var dom = parser.parseFromString(
 		'<!doctype html><body>' + encodedString,
 		'text/html');
 	var decodedString = dom.body.textContent;
-    
+
 	editor.value(decodedString);
 </script>
 ```

docs/knowledge-base/gantt-expand-collapse-alltasks.md

@@ -1,22 +1,20 @@
 ---
-title: Gantt Rows expand and Collapse All
-description: An example on how to implement a functionality to expand/collapse all tasks
+title: Expand and Collapse All Gantt Rows
+description: An example on how to implement a functionality to expand and collapse all kendo UI Gantt tasks.
 type: how-to
-page_title: Implement Expand/Collapse All Tasks on a Button Click | Kendo UI Gantt
+page_title: Implement Expand and Collapse All Tasks on a Button Click | Kendo UI Gantt
 slug: gantt-expand-collapse-alltasks
-position: 0
 tags: kendo, kendoui, gantt, expand, collapse, all, tasks, button, click
 ticketid: 1142128
-pitsid:
 res_type: kb
-
 ---
 
 ## Environment
+
 <table>
  <tr>
   <td>Product</td>
-  <td>Gantt for Progress® Kendo UI®</td>
+  <td>Progress Kendo UI Gantt</td>
  </tr>
  <tr>
   <td>Operating System</td>
@@ -35,16 +33,14 @@ res_type: kb
 
 ## Description
 
-I would like to have a button on the page, which should be able to expand/collapse all tasks in my Gantt.
+How can I add a button which will expand or collapse all tasks in my Gantt?
 
 ## Solution
 
-In order to achieve the desired functionality, you should follow the steps below:
-
-1. Add a button on your page and subscribe for its click event.
-1. In the click function, you can get a reference to the DataSource of the Gantt (all tasks rendered in it)
-1. Implement a loop, in order to iterate through all tasks.
-1. Use set("expanded", [true/false]), in order to manage the expanded state
+1. Add a button to your page and subscribe for its `click` event.
+1. In the `click` function, get a reference to the DataSource of the Gantt (all tasks that are rendered in it).
+1. Implement a loop to iterate through all tasks.
+1. Use `set("expanded", [true/false])` to manage the expanded state.
 
 ```html
 

docs/knowledge-base/gantt-tooltip-based-on-custom-field.md

@@ -1,8 +1,8 @@
 ---
 title: Show Different Gantt Task Tooltip Based on a Field in the DataSource
-description: An example on how to display different Tooltip content on hovering Kendo UI Gantt tasks based on the value of a custom field.
+description: An example on how to display different tooltip content on hovering Kendo UI Gantt tasks based on the value of a custom field.
 type: how-to
-page_title: Show Tooltip content based on Gantt task custom field value | Kendo UI Gantt
+page_title: Show Tooltip Content Based on Custom Task Field Value | Kendo UI Gantt
 slug: gantt-tooltip-based-on-custom-field
 tags: gantt, show, tooltip, different, task, field, custom, datasource
 ticketid: 1142071
@@ -33,17 +33,17 @@ component: gantt
 
 ## Description
 
-How can I display a different Tooltip for Gantt tasks that have different custom field values. 
+How can I display a different tooltip for Gantt tasks that have different custom field values?
 
 ## Solution
 
-1. Set the `tooltip.template` configuration option of the Gantt. 
-1. In the template access the custom field value of the task the Tooltip will depend on.
-1. Conditionally load different template content based on the custom field value.
+1. Set the `tooltip.template` configuration option of the Gantt.
+1. In the template, access the custom field value of the task that the tooltip will depend on.
+1. Based on the custom field value, conditionally load different template content.
 
 ```html
 	<div id="gantt"></div>
-  
+
 	<script type="text/x-kendo-template" id="myTemplate">
 		#if(task.customField == "type1"){#
 			<div style="background-color: lightgreen;">Type 1 tooltip template</div>
@@ -53,7 +53,7 @@ How can I display a different Tooltip for Gantt tasks that have different custom
 			<div>#: task.title #</div>
 		#}#
 	</script>
-  
+
 	<script>
 		$("#gantt").kendoGantt({
 			tooltip: {

docs/knowledge-base/grid-additional-parameters-custom-datasource.md

@@ -1,8 +1,8 @@
 ---
-title: Pass additional parameters to custom DataSource
-description: An example on how to send additional parameters to a custom DataSource
+title: Pass Additional Parameters to Custom DataSource
+description: An example on how to send additional parameters to a custom DataSource in the Kendo UI Grid.
 type: how-to
-page_title: Pass parameters to custom DataSource | Telerik Grid for ASP.NET MVC
+page_title: Pass Parameters to Custom DataSource in the Grid | UI for ASP.NET MVC
 slug: grid-additional-parameters-custom-datasource
 tags: grid, custom, datasource, additional, parameters
 res_type: kb
@@ -24,35 +24,36 @@ component: grid
 
 ## Description
 
-I have a hierarchical Grid with [Custom DataSource](http://demos.telerik.com/aspnet-mvc/grid/custom-datasource). I have a ClientHandlerDescriptor defined as [described here](https://docs.telerik.com/aspnet-mvc/getting-started/custom-datasource#common-scenarios) and would like to pass additional parameters to the ClientHandlerDescriptor.
+I have a hierarchical Grid with a [custom DataSource](http://demos.telerik.com/aspnet-mvc/grid/custom-datasource) and a `ClientHandlerDescriptor` which is defined as [described here](https://docs.telerik.com/aspnet-mvc/getting-started/custom-datasource#common-scenarios).
 
-## Solution
+How can I pass additional parameters to the `ClientHandlerDescriptor`?
 
-If you are using ClientHandlerDescriptor for reading the data you can define the JavaScript handler like below. 
-
-```
-.Transport(new
-{
-    read = new Kendo.Mvc.ClientHandlerDescriptor() { HandlerName = "function(options) {customRead(options, '#=ID#')}" },
-})
-```
-
-The `customRead` JavaScript handler will accept the default `options` argument as well as the ID of the **parent Grid**. 
-
-```JavaScript
-function customRead(options, id) {
-    $.ajax({
-      method: "POST",
-      url: '@Url.Action("ActionName", "ControllerName")',
-      dataType: "json",
-      data: {
-        ID: id,
-		// more data here
-      },
-      success: function(data) {
-        options.success(data);
-      }
-    });
-}
-```
+## Solution
 
+1. If you are using the `ClientHandlerDescriptor` for reading the data, define the JavaScript handler.
+
+    ```
+    .Transport(new
+    {
+        read = new Kendo.Mvc.ClientHandlerDescriptor() { HandlerName = "function(options) {customRead(options, '#=ID#')}" },
+    })
+    ```
+
+1. The `customRead` JavaScript handler will accept the default `options` argument as well as the `ID` of the parent Grid.
+
+    ```JavaScript
+    function customRead(options, id) {
+        $.ajax({
+          method: "POST",
+          url: '@Url.Action("ActionName", "ControllerName")',
+          dataType: "json",
+          data: {
+            ID: id,
+    		// more data here
+          },
+          success: function(data) {
+            options.success(data);
+          }
+        });
+    }
+    ```