Hello,

We have a diagram with layered layout, aligned to right. The diagram can have one or more root nodes.

The problem is that when we have multiple roots, we want to align them one under another, instead, if they are not very long, they are aligned to the right of each other.

Is there a way to achieve this alignment? We searched documentation but didn't find any specific property.

I attach images of how the diagram looks now and how we need it to look.

Thanks,

Iuliana

I am using a boolean field in my kendo grid:

"activePin"

model: {
	id: "id",
	fields: {
		accountId: { editable: false },
		accountName: { validation: { required: true } },
		operatorGroupName: {},
		pinCode: { editable: false },
		email: { },
		cellPhone: { },
		note: { },
		activePin: { type: "boolean" },
		eqpAccess: { editable: false },
	}
}
The value of this field is set to true or false based on the value of a status field in the read data:

parse: function(response) {
	for (var i = 0; i < response.length; i++) {
		if (response[i].status === 'A') {
			response[i].activePin = true;
		}
		else {
			response[i].activePin = false;
		}
	}
	return response;
},
The column in my grid displays correctly, and when the row is edited, correctly displays a checked checkbox
when true, and an unchecked checkbox when false.
 
In edit mode, if I check the checkbox and press update, the model data being sent to my transport Update or 
Create functions is always false, regardless if the box is checked before clicking update.
 
Not sure what I am missing?

When columns virtualization is activated, grouping rows automatically expand (if collapsed), when scrolling the grid content.

Using this JsFiddle, try to scroll the grid vertically to reproduce the bug.

                    columns:
    [
        {
            field: "OrganizationName"//,
                                //width: "35%"
                            },
        {
            field: "Amount"//,
                                //width: "65%"
                            }
    ],

We have a page with many spark lines, for example:

As the user hovers over the chart we have a toot tip display as you can see in the example above.  The user can click any of the charts at the point that they want to drill into more detail.  For example, in the example above the user has moved the mouse over the Corrective Work Orders spark line and then to the 16th week of 2022.  The tooltip is telling the user there are 55 work orders in that week.

The problem: The click event is not always in line with the tool tip.  In the above example what actually loaded was the data for week 17 (not 16).  It's a very specific issue in that if you click in the top part of the chart it will always load correctly but if you click in the bottom 30% or so of the chart it seems quirky, sometimes it will load the correct week, sometimes the wrong one.  You can see in the diagram the mouse cursor is behind the highlighter line at week 17 (I've circled that line in red), but the tool tip shows week 16.  We could tell users "make sure you click in a perfectly vertical line to the highlighter line" but users do what user do and will expect the tooltip to be accurate to the detail they see when they click.  The problem with this we give the wrong information and something bad happens.  I tried setting absolute heights and widths because it was previously even worse and this got me to the 70% right vs 30% wrong situation I have now but I'd like to fix it.

Has anyone run into this previously and found a solution?  Can anyone recommend any course of action to narrow down the issue further?

hi,

I am trying to implement the following example

https://docs.telerik.com/kendo-ui/api/javascript/ui/orgchart/configuration/editable.fields

But it doesn't seem to work even on the website

Am I right?

I expect that after the implementation I will not be able to edit the fields shown in the edit popup.

Hi everybody.

Is it possible in JQuery KendoUpload to change the binary data before sending it to the server? Specifically pictures. We need to reduce the size of the image before sending it to the server. Does Kendo offer image resizing? Ideally in the upload?

Hi, I'm trying to insert a grid in the background of a diagram and have found some suggestions on how to do it, but the problem with these solutions is that when I try to remove a specific element, the other element disappears.

Suggested solution: image in Kendo UI for jQuery | Telerik Forums or Untitled | Kendo UI Dojo (telerik.com)

The problem is this insert 

diagram.mainLayer.drawingElement.insertAt(grid, 0)

 As far as I understand, this breaks the sequence and removes the previous element.

Does anyone know how to avoid this behavior or another solution to insert grid?

PS: The grid is only needed for positioning.