Sync with Kendo UI Professional

Author: Kendo Bot

docs/api/javascript/ui/treelist.md

@@ -592,6 +592,7 @@ The field to which the column is bound. The value of this field is displayed by
 
 #### Example - specify the column field
 
+    <div id="treelist"></div>
     <script>
       $("#treelist").kendoTreeList({
         columns: [
@@ -616,6 +617,7 @@ Can be set to a JavaScript object which represents the filter menu configuration
 
 #### Example - disable filtering
 
+    <div id="treelist"></div>
     <script>
       $("#treelist").kendoTreeList({
         columns: [
@@ -1604,6 +1606,7 @@ Can be set to a JavaScript object which represents the editing configuration.
 
 #### Example - enable editing
 
+      <div id="treelist"></div>
       <script>
           var crudServiceBaseUrl = "https://demos.telerik.com/kendo-ui/service";
 
@@ -1652,6 +1655,7 @@ Can be set to a JavaScript object which represents the editing configuration.
 
 #### Example - enable popup editing
 
+      <div id="treelist"></div>
       <script>
           var crudServiceBaseUrl = "https://demos.telerik.com/kendo-ui/service";
 
@@ -1706,6 +1710,7 @@ The editing mode to use. The supported editing modes are "inline", "popup" and "
 
 #### Example - specify inline editing mode
 
+      <div id="treelist"></div>
       <script>
           var crudServiceBaseUrl = "https://demos.telerik.com/kendo-ui/service";
 
@@ -1760,6 +1765,8 @@ Enables drag&drop UI of rows between parents.
 
 #### Example - use drag&drop for editing row parent node
 
+      <div id="treelist"></div>
+      <script>
         var service = "https://demos.telerik.com/kendo-ui/service";
 
         $("#treelist").kendoTreeList({
@@ -4882,6 +4889,7 @@ A string, DOM element or jQuery object which represents the parent table row. A
 
 #### Example - add a new root data item
 
+      <div id="treelist"></div>
       <script>
           var crudServiceBaseUrl = "https://demos.telerik.com/kendo-ui/service";
 

docs/knowledge-base/pager-responsive-numbers-sass-themes.md

@@ -24,6 +24,10 @@ How can I make the Pager show a drop-down list with the pages when the Grid is s
 
 ## Solution
 
+> **Important**
+>
+> This functionality is available out of the box since R1 2019
+
 Unlike the functionality in the LESS themes, in the SASS themes the Pager does not change to a drop-down list automatically. To work around this issue, use either the Kendo UI Default (v2) or the Kendo UI Bootstrap (v4) theme. Depending on your project and scenario, you may need to adjust the CSS.
 
 ### Using Default (v2) Theme
@@ -157,7 +161,7 @@ For the full implementation of this approach, refer to [this runnable example](h
     }
 
     .k-state-expanded li:not(.k-current-page) .k-link {
-        border: none;  
+        border: none;
     }
 
     .k-pager-numbers.k-state-expanded .k-current-page {

styles/web/common/spreadsheet.less

@@ -118,8 +118,6 @@
 
                     .k-select {
                         border-radius: 0;
-                        margin: -1px -1px -1px 0;
-                        padding: 1px 1px 1px 0;
                     }
                 }
             }
@@ -189,6 +187,11 @@
     > .k-spreadsheet-view {
         position: relative;
         .force-font();
+
+        // disabled cells in the Spreadsheet should allow navigation if link is used
+        .k-state-disabled {
+            pointer-events: auto;
+        }
     }
 
     .k-tabstrip-wrapper {

styles/web/type-bootstrap.less

@@ -3236,6 +3236,9 @@ td.k-state-focused.k-state-selected,
         &[data-property='fontFamily'] { width: 130px; }
     }
 }
+.k-spreadsheet-name-editor .k-select {
+    background-color: @button-hover-background-color;
+}
 
 .k-window .k-popup-edit-form .k-edit-field {
     input.k-checkbox {

styles/web/type-fiori.less

@@ -3130,6 +3130,10 @@ div.k-window.k-state-focused
 
 @import "themes/spreadsheet.less";
 
+.k-spreadsheet-name-editor .k-select {
+    background-color: @button-hover-background-color;
+}
+
 @spreadsheet-cell-border: darken(@background, 13%);
 
 .k-window .k-popup-edit-form .k-edit-field {