Sync with Kendo UI Professional

Author: Kendo Bot

docs-aspnet/html-helpers/layout/window/dimensions.md

@@ -43,6 +43,24 @@ Apart from the automatic size calculation, you can explicitly set the `Width()`
 
 The Window also allows configuration for its `min` and `max` dimensions (height and width).
 
+{% if site.mvc %}
+```HtmlHelper
+    @(Html.Kendo().Window()
+        .Name("window")
+        .Title("Alvar Aalto")
+        .Resizable(r => r.MinWidth(150).MaxWidth(450).MinHeight(200).MaxHeight(300))
+        .Content(@<text>
+            <p>
+                Alvar Aalto is one of the greatest names in modern architecture and design.
+                Glassblowers at the iittala factory still meticulously handcraft the legendary vases
+                that are variations on one theme, fluid organic shapes that let the end user decide the use.
+            </p>
+        </text>)
+    )
+```
+{% endif %}
+
+{% if site.core %}
 ```HtmlHelper
     @(Html.Kendo().Window()
         .Name("window")
@@ -60,7 +78,6 @@ The Window also allows configuration for its `min` and `max` dimensions (height
         </text>)
     )
 ```
-{% if site.core %}
 ```TagHelper
     <kendo-window name="window" title="Alvar Aalto" min-width="150" max-width="450" min-height="200" max-height="300">
         <content>

docs/intro/installation/using-license-code.md

@@ -45,6 +45,18 @@ Then, utilize the `KendoLicensing.setScriptKey()` method.
 
 Use the [previously generated code](#1-get-a-license-key) and place it in the main script file the where Kendo UI for jQuery scripts are imported.
 
+```js
+import "@progress/kendo-ui";
+
+KendoLicensing.setScriptKey(
+    'Your license code'
+);
+
+$("#grid").kendoGrid();
+```
+
+or
+
 ```js
 require("@progress/kendo-ui");
 
@@ -55,7 +67,33 @@ KendoLicensing.setScriptKey(
 $("#grid").kendoGrid();
 ```
 
-### Use a Script Reference
+The examples above illustrates a single include of `kendo.all.js` in your main javascript file that could be located in one of the [common places](#common-places-to-setup-the-license-code).
+
+In most cases you would need several imports of the Kendo libraries and you would need to setup the license code only on one place (most likely your main js file in your application). In that case, import the `kendo.core.js` and register your license code as usual: 
+
+```js
+import '@progress/kendo-ui/js/kendo.core';
+
+KendoLicensing.setScriptKey(
+    'Your license code'
+);
+
+// Rest of the code
+```
+
+or 
+
+```js
+require("@progress/kendo-ui/js/kendo.core");
+
+KendoLicensing.setScriptKey(
+    'Your license code'
+);
+
+// Rest of the code
+```
+
+### Using Script Reference
 
 Use the [previously generated code](#1-get-a-license-key) and place it right after the script tag.
 
@@ -69,6 +107,30 @@ Use the [previously generated code](#1-get-a-license-key) and place it right aft
 </script>
 ```
 
+### Common Places to Setup the License Code
+
+Most common files to place the license code in your application are: 
+
+**For JS Applications:**
+- `./index.(html|js|ts)`
+- `./main.(html|js|ts)`
+- `./app.(html|js|ts)`
+- `./(dist|src)/index.(html|js|ts)`
+- `./(dist|src)/main.(html|js|ts)`
+- `./(dist|src)/app.(html|js|ts)`
+
+**For ASP.NET MVC Applications:**
+- `./Views/Shared/_Layout.cshtml`
+- `./Scripts/index.(js|ts)`
+- `./Scripts/site.(js|ts)`
+
+**For ASP.NET Core Applications:**
+- `./Views/Shared/_Layout.cshtml`
+- `./Pages/Shared/_Layout.cshtml`
+- `./Pages/_Layout.cshtml`
+- `./wwwroot/js/index.js`
+- `./wwwroot/js/site.js`
+
 ## Next Steps
 
 * [Create Your Own Custom Bundles]({% slug include_only_what_you_need_kendoui_scripts %})

src/kendo.dropdownbutton.js

@@ -89,7 +89,9 @@ var __meta__ = {
 
         _mainButton: function() {
             var that = this,
-                options = extend({}, that.options);
+                options = extend({}, that.options, {
+                    type: that.element.attr("type") || "button"
+                });
 
             delete options.click;
 

src/kendo.splitbutton.js

@@ -134,7 +134,9 @@ var __meta__ = {
 
         _mainButton: function() {
             var that = this,
-                options = extend({}, that.options);
+                options = extend({}, that.options, {
+                    type: that.element.attr("type") || "button"
+                });
 
             delete options.click;
 
@@ -144,6 +146,7 @@ var __meta__ = {
         _arrowButton: function() {
             var that = this,
                 options = extend({}, that.options, {
+                    type: "button",
                     icon: that.options.arrowIcon,
                 });
 

tests/dropdownbutton/initialization.js

@@ -153,5 +153,18 @@
             assert.equal(button.attr("disabled"), "disabled");
             assert.isOk(button.hasClass("k-disabled"));
         });
+
+        it("DropDownButton renders type button", function() {
+            var dropDownButton = new DropDownButton(button, { items: defaultItems });
+
+            assert.equal(button.attr("type"), "button");
+        });
+
+        it("DropDownButton renders type button as defined from DOM", function() {
+            button.attr("type", "submit");
+            var dropDownButton = new DropDownButton(button, { items: defaultItems });
+
+            assert.equal(button.attr("type"), "submit");
+        });
     });
 }());

tests/splitbutton/initialization.js

@@ -197,5 +197,20 @@
             assert.equal(button.next().attr("disabled"), "disabled");
             assert.isOk(button.next().hasClass("k-disabled"));
         });
+
+        it("SplitButton renders type button", function() {
+            var splitButton = new SplitButton(button, { items: defaultItems });
+
+            assert.equal(button.attr("type"), "button");
+            assert.equal(splitButton.arrowButton.attr("type"), "button");
+        });
+
+        it("SplitButton renders type button as defined from DOM", function() {
+            button.attr("type", "submit");
+            var splitButton = new SplitButton(button, { items: defaultItems });
+
+            assert.equal(button.attr("type"), "submit");
+            assert.equal(splitButton.arrowButton.attr("type"), "button");
+        });
     });
 }());