Zooming In and Out works well in Chrome, but I just realised it never zooms In in Firefox. By scrolling the mouse wheel both ways it always zooms Out.
Any Idea what could affect that issue? Thanks in advance!
Here is my diagram, I also tried to remove all properties, but that didn't change the described on top behaviour, nothing specific:
var kendoDiagram = diagram.kendoDiagram({ dataSource: shapesDataSource, connectionsDataSource: connectionsDataSource, shapeDefaults: { editable: { tools: false }, visual: visualTemplate, content: { template: '#= typeof dataItem.customData === "undefined" || typeof dataItem.customData.status === "undefined" || dataItem.customData.status === "" ? dataItem.text : dataItem.customData.status #' } }, connectionDefaults: { editable: { tools: false }, startCap: "FilledCircle", endCap: 'ArrowEnd', type: "polyline" }, dragEnd: function(e) { var el = e.connections[0]; if (typeof el !== 'undefined') { var source = el.sourceConnector, target = el.targetConnector; if( typeof source == 'undefined' || typeof target == 'undefined') { //console.log('connection is not connected both sides!'); el.options.stroke.color = '#ff0000'; el.options.hover.stroke.color = '#ff0000'; } else { el.options.stroke.color = '#2e2e2e'; el.options.hover.stroke.color = '#2e2e2e'; } } }, change: function (e) { var element = e.added[0]; if (element && element instanceof kendo.dataviz.diagram.Shape) { var dataItem = element.dataItem; var point = new kendo.dataviz.diagram.Point(dataItem.x, dataItem.y); element.position(point); } }, pannable: { key: "shift" }, editable: { resize: false, tools: false }, zoomMax: 3.5, zoomMin: 0.2, click: function(e) { e.preventDefault(); console.log('click...'); } }).getKendoDiagram();Hello
How to add a clearButton to the kendoTextBox control ? Same as in Autocomplete ...
Thanks.

Hello everybody,
I have a problem on the editing popup in the Grid widget. Based on the guide, I modified the example code in order to to only accept READ and CREATE operations:
<script> $(document).ready(function () { var dataSource = new kendo.data.DataSource({ transport: { read: { url: '@Url.Action("GetAssignations", "Tasks")'+'/'+'@Model.IdProject', dataType: "json", type: 'GET' }, create: { url: '@Url.Action("CreateAssignation", "Tasks")', dataType: "json", type: 'POST', contentType: "application/json" }, parameterMap: function (options, operation) { if (operation !== "read" && options.models) { var output = ""; $.each(options.models, function (index, value) { console.log(value); output = value; }); return kendo.stringify(output); } } }, batch: true, pageSize: 20, schema: { model: { id: "idAssignation", fields: { idProject: { type: "number", defaultValue: function () { return @Model.IdProject} }, assignee: { type: "string" }, addedOn: { type: "date", editable: false } } } } }); $("#grid").kendoGrid({ dataSource: dataSource, pageable: true, //height: 550, toolbar: ["create"], columns: [ { field: "assignee", title: "Assignee" }, { field: "addedOn", title: "Added on" }, ], editable: "popup" }); });</script>
Both READ and CREATE work because the data are correctly read/written into database; however, after the POST the editing popup does not disappear.
Could you give me some help?
Thanks in advance.
Filippo
Dear Support team,
i'm using the daterange picker of the Kendo UI. and I want to call a function when the from date and to date both selected (up on closing may be)
I tried using the close event but on the close event i do not get the end date (End date is null on the closing event)
your help is much appreciated
Thanks
Ramesh R

Hello.
We have just updated kendo to it's lastest version and one of our components is completely broken due to this container.
Is there any posibility to prevent the generation of this container ?
I've searched about this and found this post about the ContentElement but if we add this the source data-bind is not working at all.
GitHub issue: https://github.com/telerik/kendo-ui-core/issues/5772
Not working example:
<div id="sortableDropArea" data-role="listview" data-template="draggableElement" data-bind="source: listOfItems, contentElement: ' '"></div>
Example of our current code:
Main container:
<div class=""> <div id="sortableDropArea" data-role="listview" data-template="draggableElement" data-bind="source: listOfItems"></div></div>Child template:
<script type="text/x-kendo-tmpl" id="draggableElement"> <li class="list-group-item" fieldId="#: items.itemId#"> <span class='itemNameText'> #: items.itemName# </span> </li></script>When I use paging + filtering on the grid, and I edit my data, that makes the view change size, the pager is not updated.
https://dojo.telerik.com/@foxontherock/iminugeH/3
Click on the "filter" button, that changes all "number" field to make them visible on the view.
When you click on the pager, it correctly refreshes.
That can be fixed by adding a "kgrid.pager.refresh()" on the grid dataBound, but I think it should be fixed on your side.

Hello,
I'm doing some research on behalf of my team and have been looking for documentation that discusses linking functionality from notification pop-ups. This may be an easy thing to do but I am not a programmer (sorry!). Can anyone confirm that it is possible to embed links in the notifications?
For example: Worker A completes work that automatically is assigned to Worker B. When Worker A completes their work the system auto-generates a notification to Worker B letting them know work has been assigned to them. Worker B can either hit the X to dismiss or click the body of the notification to link them to the application page that requires their attention.
Any help on this is much appreciated!
Cheers
You can insert data from google docs in kendo editor ?
Please tell me what to do about this user data source.
function labelEmail(trackingNumber) {
var kendoWindow = $("#emailWindow").data("kendoWindow");
kendoWindow.open();
kendoWindow.center();
kendoWindow.toFront();
// This is the real one, in the window div
$("#txtLabelEmail_Body").kendoEditor({
width: "300px",
height: "150px"
});
// This is the extra test one, not in the window div, they both behave the same.
$("#Textarea1").kendoEditor({
width: "300px",
height: "150px"
});
};
Window Close:
function labelEmail_Cancel() {
var kendoEditor = $("#txtLabelEmail_Body").data("kendoEditor");
kendoEditor.destroy();
var Textarea1 = $("#Textarea1").data("kendoEditor");
Textarea1.destroy();
var kendoWindow = $("#emailWindow").data("kendoWindow");
kendoWindow.close();
}
Thanks for the help.
Randy Miller
