Sync with Kendo UI Professional

Author: Kendo Bot

docs/knowledge-base/form-custom-reset-button.md

@@ -0,0 +1,66 @@
+---
+title: Add Custom Reset Button to Form
+description: An example on how to add a reset button to the Form.
+type: how-to
+page_title: Add Custom Reset Button to Form
+slug: form-custom-reset-button
+tags: form, reset, setoptions
+res_type: kb
+---
+
+## Environment
+
+<table>
+ <tr>
+  <td>Product</td>
+  <td>Progress Kendo UI Form</td>
+ </tr>
+</table>
+
+## Description
+
+How can I add a custom button to reset the inital data loaded in the From?
+
+## Solution
+
+Configure a `buttonsTemplate` and add the html for the reset button. On click of the custom reset button, get a reference to the Form. Use the [setOptions](/api/javascript/ui/form/methods/setoptions) method to set the formData of the Form to the initial data. 
+
+```dojo
+    <form id="myForm"></form>
+
+    <script>
+      function custom(){     
+        var form = $("#myForm").data('kendoForm');
+        var initial = form.options.formData;
+        form.setOptions({
+          formData: {
+            ID: initial.ID,
+            Name: initial.Name,
+            Address: initial.Address
+          } 
+        });
+      }
+
+      $(document).ready(function(){        
+        $("#myForm").kendoForm({
+          formData: {
+            ID: 1,
+            Name: "Ivan",
+            Address: "Sofia"
+          },
+          buttonsTemplate:'<div class="k-form-buttons">'+
+          '<button class="k-button k-primary k-form-submit" type="submit">Submit</button>'+
+          '<button class="k-button k-form-clear">Clear</button>'+
+          '<button id="btn" onclick="custom()" class="k-button">Custom Reset button</button>'+
+          '</div>',
+          submit: function(e) {
+            e.preventDefault();
+          }          
+        });
+      })
+    </script>
+```
+
+## See Also
+
+* [Form Overview](https://docs.telerik.com/kendo-ui/controls/layout/form/overview)

docs/knowledge-base/form-set-form field-programmatically.md renamed to docs/knowledge-base/form-set-field-programmatically.md

@@ -121,9 +121,9 @@ Get a reference to the Form instance and set the value of the required model fie
           function onDdlChange(e){
             var form = $("#exampleForm").getKendoForm();
             var dataItem = e.sender.dataItem();
-
-            form._model.set("City", dataItem.ShipCity);
-            form._model.set("AddressLine", dataItem.ShipAddress);
+            
+            form.editable.options.model.set("City", dataItem.ShipCity);
+            form.editable.options.model.set("AddressLine", dataItem.ShipAddress);
           };
 
         });

docs/styles-and-layout/appearance-styling.md

@@ -203,7 +203,7 @@ The Theme Builder generates CSS, Less, and JS code which is compatible with the
 
 ### Modifying Themes
 
-Kendo UI supports a number of `.less` files, which are only used when you want to modify the Kendo UI CSS source code and create a custom theme. In the Kendo UI Q1 2014 release, the Kendo UI `web.common.less` file was split, which resulted in the construction of `.less` files for each widget. The Kendo UI mobile platform themes were also divided in parts to create files per widget. The Kendo UI `.less` files, including the styling of the Kendo UI hybrid widgets, can be built by using the Less 1.7.5 version.
+Kendo UI supports a number of `.less` files, which are only used when you want to modify the Kendo UI CSS source code and create a custom theme. In the Kendo UI Q1 2014 release, the Kendo UI `web.common.less` file was split, which resulted in the construction of `.less` files for each widget. The Kendo UI mobile platform themes were also divided in parts to create files per widget. The Kendo UI `.less` files, including the styling of the Kendo UI hybrid widgets, can be built by using the Less 3.0.0 version.
 
 > * As of 2019.1 versions and onwards Kendo UI for jQuery distributes a single and identical set of themes for both Kendo UI Professional and Kendo UI Core.
 > * Kendo UI versions earlier than and including 2015.2.805 had to be built with [Telerik Less fork](https://github.com/telerik/less.js) located on GitHub. This is no longer a requirement.