Sync with Kendo UI Professional

Author: Kendo Bot

docs/api/javascript/ui/gantt.md

@@ -4195,6 +4195,53 @@ Prepares the widget for safe removal from DOM. Detaches all event handlers and r
     gantt.destroy();
     </script>
 
+### editTask
+
+Opens the popup window to edit the GanttTask object which is received from the call.
+
+#### Parameters
+
+##### task `kendo.data.GanttTask`
+
+A kendo.data.GanttTask object which represents the currently selected task.
+
+#### Example - Edit the items from the Task Treelist.
+
+    <div id="gantt"></div>
+    <script>
+    $("#gantt").kendoGantt({
+      dataSource: {
+        transport: {
+          read: {
+            url: "https://demos.telerik.com/kendo-ui/service/gantttasks",
+            dataType: "jsonp"
+          }
+        },
+        schema: {
+          model: {
+            id: "id",
+            fields: {
+              id: { from: "ID", type: "number" },
+              orderId: { from: "OrderID", type: "number", validation: { required: true } },
+              parentId: { from: "ParentID", type: "number", validation: { required: true } },
+              start: { from: "Start", type: "date" },
+              end: { from: "End", type: "date" },
+              title: { from: "Title", defaultValue: "", type: "string" },
+              percentComplete: { from: "PercentComplete", type: "number" },
+              summary: { from: "Summary" },
+              expanded: { from: "Expanded" }
+            }
+          }
+        }
+      }
+    });
+    $(".k-gantt").delegate(".k-gantt-treelist .k-grid-content tr", "click", function(e) {           
+      var gantt = $("#gantt").data("kendoGantt");
+      var task = gantt.dataItem(this);
+      gantt.editTask(task);
+    });
+    </script>
+
 ### range
 
 Sets range to the widget.
@@ -4211,7 +4258,7 @@ An Object that have start and end parameters of type Date.
 
 #### Example - set range to the widget
 
-      <div id="gantt"></div>
+    <div id="gantt"></div>
     <script>
     $("#gantt").kendoGantt({
       dataSource: [

docs/knowledge-base/gantt-open-editor-on-treelist-click.md

@@ -41,12 +41,35 @@ How can I show the editor of the Gantt when I select tasks in the tree-list?
 1. Call the `editTask` method of the Gantt and pass the dataItem of the selected task as a parameter.
 
 ```dojo
+	<div id="gantt"></div>
+  	<script>
+    $("#gantt").kendoGantt({
+      dataSource: [
+        {
+          id: 1,
+          orderId: 0,
+          parentId: null,
+          title: "Task1",
+          start: new Date("2014/6/17 9:00"),
+          end: new Date("2014/6/17 11:00")
+        },
+        {
+          id: 2,
+          orderId: 1,
+          parentId: null,
+          title: "Task2",
+          start: new Date("2014/6/17 12:00"),
+          end: new Date("2014/6/17 14:00")
+        }
+      ]
+    });
+    </script>
 	<script>
 		$(document).ready(function() {
 		  $(".k-gantt").delegate(".k-gantt-treelist .k-grid-content tr", "click", function(e) {
-			var gantt = $("#gantt").data("kendoGantt");
-			var task = gantt.dataItem(this);
-			gantt.editTask(task);
+        var gantt = $("#gantt").data("kendoGantt");
+        var task = gantt.dataItem(this);
+        gantt.editTask(task);
 		  });
 		});
 	</script>

docs/knowledge-base/use-both-multi-and-default-filtering.md

@@ -36,7 +36,7 @@ When the [`filterMenuInit`](http://docs.telerik.com/kendo-ui/api/javascript/ui/g
 
         <script>
             $(document).ready(function () {
-            var crudServiceBaseUrl = "http://demos.telerik.com/kendo-ui/service",
+            var crudServiceBaseUrl = "https://demos.telerik.com/kendo-ui/service",
                 dataSource = new kendo.data.DataSource({
                     transport: {
                     read: {

src/kendo.notification.js

@@ -41,7 +41,7 @@ var __meta__ = { // jshint ignore:line
         WRAPPER = '<div class="k-widget k-popup k-notification"></div>',
         TEMPLATE = '<div class="k-notification-wrap">' +
                 '<span class="k-icon k-i-#=typeIcon#" title="#=typeIcon#"></span>' +
-                '#=content#' +
+                '<div class="k-notification-content">#=content#</div>' +
                 '<span class="k-icon k-i-close" title="Hide"></span>' +
             '</div>',
         SAFE_TEMPLATE = TEMPLATE.replace("#=content#", "#:content#");

styles/web/common/notification.less

@@ -1,25 +1,33 @@
 // Notification
 .k-notification {
-    padding: .6em .5em;
-    border-width: 1px;
+    border-width: @notification-border-width;
     border-style: solid;
     cursor: default;
     position: relative;
     white-space: nowrap;
     box-sizing: border-box;
 
-    &-closable {
-        padding-right: 20px;
+    > .k-notification-wrap {
+        padding: @notification-padding-y @notification-padding-x;
+    }
+
+    &-closable > .k-notification-wrap {
+        padding-right: @notification-padding-end;
+    }
+
+    .k-notification-content {
+        display: inline-block;
+        vertical-align: top;
+        white-space: normal;
     }
 }
 
-.k-notification-wrap > .k-i-information,
-.k-notification-wrap > .k-i-information,
-.k-notification-wrap > .k-i-information,
+.k-notification-wrap > .k-i-info,
+.k-notification-wrap > .k-i-success,
 .k-notification-wrap > .k-i-warning,
-.k-notification-wrap > .k-i-information {
+.k-notification-wrap > .k-i-error {
+    margin-right: @notification-icon-spacing;
     vertical-align: text-bottom;
-    margin-right: 4px;
 }
 
 .k-notification-wrap > .k-i-close {
@@ -33,3 +41,26 @@
 .k-notification-closable .k-notification-wrap > .k-i-close {
     display: block;
 }
+
+
+
+
+// RTL
+.k-rtl .k-notification-closable .k-notification-wrap,
+.k-rtl.k-notification-closable .k-notification-wrap {
+    padding-right: @notification-padding-x;
+    padding-left: @notification-padding-end;
+}
+
+.k-rtl .k-notification-wrap > .k-i-info,
+.k-rtl .k-notification-wrap > .k-i-success,
+.k-rtl .k-notification-wrap > .k-i-warning,
+.k-rtl .k-notification-wrap > .k-i-erorr {
+    margin-right: 0;
+    margin-left: @notification-icon-spacing;
+}
+
+.k-rtl .k-notification-wrap > .k-i-close {
+    right: auto;
+    left: 4px;
+}

styles/web/kendo.common-bootstrap.less

@@ -197,6 +197,16 @@
 @spreadsheet-drawing-handle-border-width: 1px;
 
 
+// Notification
+@notification-border-width: 1px;
+
+@notification-padding-x: 0.5em;
+@notification-padding-y: 0.6em;
+@notification-padding-end: 20px;
+
+@notification-icon-spacing: 4px;
+
+
 @import "common/all.less";
 
 .k-widget.k-tabstrip

styles/web/kendo.common-fiori.less

@@ -195,6 +195,16 @@
 @spreadsheet-drawing-handle-border-width: 1px;
 
 
+// Notification
+@notification-border-width: 1px;
+
+@notification-padding-x: 1.786em;
+@notification-padding-y: 1.786em;
+@notification-padding-end: 1.786em;
+
+@notification-icon-spacing: 4px;
+
+
 @import "common/all.less";
 
 .k-textbox > input,
@@ -741,10 +751,6 @@ span.k-tooltip
     }
 }
 
-.k-notification {
-    padding: 1.786em;
-}
-
 .k-slider-track {
     border-width: 0;
 }

styles/web/kendo.common-material.less

@@ -196,6 +196,16 @@
 @spreadsheet-drawing-handle-border-width: 1px;
 
 
+// Notification
+@notification-border-width: 1px;
+
+@notification-padding-x: 1.786em;
+@notification-padding-y: 1.786em;
+@notification-padding-end: 1.786em;
+
+@notification-icon-spacing: 4px;
+
+
 @import "common/all.less";
 
 @spreadsheet-first-tool-offset: 0;
@@ -855,10 +865,6 @@ div.editorToolbarWindow.k-window-content {
     }
 }
 
-.k-notification {
-    padding: 1.786em;
-}
-
 .k-slider-track {
     border-width: 0;
 }

styles/web/kendo.common-nova.less

@@ -201,6 +201,16 @@
 @spreadsheet-drawing-handle-border-width: 1px;
 
 
+// Notification
+@notification-border-width: 1px;
+
+@notification-padding-x: 1.786em;
+@notification-padding-y: 1.786em;
+@notification-padding-end: 1.786em;
+
+@notification-icon-spacing: 10px;
+
+
 @import "common/all.less";
 
 .k-button {
@@ -844,10 +854,6 @@ div.editorToolbarWindow.k-window-content {
     height: 3.458em;
 }
 
-.k-notification {
-    padding: 1.786em;
-}
-
 .k-gantt-edit-form > .k-edit-form-container {
     .k-textbox,
     .k-numerictextbox
@@ -1039,14 +1045,6 @@ form.k-filter-menu .k-textbox {
     margin: -0.9em -0.6em -0.714em 0;
 }
 
-.k-notification .k-i-information,
-.k-notification .k-i-information,
-.k-notification .k-i-information,
-.k-notification .k-i-warning,
-.k-notification .k-i-information {
-    margin-right: 10px;
-}
-
 @checkbox-size: 16px;
 
 .k-checkbox-label,

styles/web/kendo.common-office365.less

@@ -195,6 +195,16 @@
 @spreadsheet-drawing-handle-border-width: 1px;
 
 
+// Notification
+@notification-border-width: 1px;
+
+@notification-padding-x: 1.75em;
+@notification-padding-y: 1.75em;
+@notification-padding-end: 1.75em;
+
+@notification-icon-spacing: 4px;
+
+
 @import "common/all.less";
 
 .k-grid .k-header,
@@ -285,10 +295,6 @@
     padding: 0 6px;
 }
 
-.k-notification {
-    padding: 1.75em;
-}
-
 .k-numerictextbox .k-link .k-i-arrow-60-up {
     vertical-align: bottom;
 }