What about adding dynamic scrollbars to the HTML5 Diagram widget?

As developer I'm familiar with the pan and zoom concept, but customers and normal users are expected to see scroll bars to move around a diagram. 
In this demo

http://demos.telerik.com/kendo-ui/html5-diagram-sample-app

you can add objects that fall outside of the main view, but no scroll bars appears.

Here http://kendoui-feedback.telerik.com/forums/127393-telerik-kendo-ui-feedback/suggestions/6552432-html5-diagram-control-allow-scrolling

was posted a similar request, but the scrollbars Kenshin suggested 
are static.

The scrollbars does't readapt if the work area changes. 

If you move objects around, apply a different zoom, add more elements, and so on.

Expand/Collapse feature on click of the diagram nodes. 
Load data on demand during enpansion of the node.

Implement containers for the Kendo UI Diagram much like Telerik's RadDiagram for WPF and Silverlight.  The containers need to be able to support connections within parent containers (essentially need to be able to create an entire child diagram within each container).  These containers must also be able to be moved as a unit when the user drags and drops the containers around on the screen.

Its good to have minimize and maximize the shapes drawn with kendo diagram as seen in this example
https://gojs.net/latest/samples/IVRtree.html

it will very useful when we are drawing with a huge data. we can clearly see the actual flow as required

Large texts doesn't wrap inside a shape of a Diagrama

Please can you add support for Venn diagrams with drop and drop support for data items to allow dynamic generation.

Problem:
Currently when a Rectangle together with a large TextBlock is contained by a Shape where the Rectangle should enclose the TextBlock it is not resized by the size of the TextBlock, but the TextBlock is overflowing the Rectangle.

Possible solution:
Make the Rectangle a "visual group" so child elements like e.g. TextBlock or Image can be added to it and it will resize with the size of it's children.

Related Forum post: http://www.telerik.com/forums/how-to-avoid-text-overflow-in-shape

Extend Dataviz Diagram to implement a BPMN Editor using

I want the content to be divide into two lines. So I tried setting `connectionDefaults.content.visual` with the below function:


            var getConnection = function (data) {
            var g = new kendo.dataviz.diagram.Group({
                autoSize: true
            });
            var text1 = new kendo.dataviz.diagram.TextBlock({
                text: data.label.name,
                fontSize: 16
            });


            g.append(text1);

            var text2 = new kendo.dataviz.diagram.TextBlock({
                text: data.label.value,
                fontSize: 16
            });


            g.append(text2);
            return g;
        }
But the problem here is that the `data` field does not populate the connection data due to which assigning values is not possible.


A solution for this is much appreciated.

Tooltip for Shapes in Diagram

Currently, a shape that is a group of inner shapes is selected by clicking anywhere inside its bounding box. 
However, when there's a gap between the inner shapes through which you see another shapes, clicking that other shape will not select it due to the bounding box.
If instead the selection was based on the inner shapes, that wouldn't be a problem.

I find the documentation is critically lacking with regards to the available options for a feature.

Here is an example of what I mean...

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/diagram/layout#configuration-alignContent

The diagram Layout > alignContent feature "Specifies the alignment of the content."

Ok, but the documentation does not even say what the allowed values are. Instead, it just has "alignContent String (default: "start")".

Now, I guess the allowed values here are the same values allowed for an SVG text-anchor.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/text-anchor

How about adding those possible values to the api documentation, or including a link to the relevant area of the SVG specification?

Hope this makes sense.

Add built-in support for guidelines that will be visible as an infinite grid of lines, with a snap-to capability.

It would be nice if the diagram control could have undo/redo event.

It will be nice to create shapes with rounded borders

Hi, 

Your documentation mentions the rotation-thumb and also allows for some styling:

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram/configuration/editable.rotate

The only problem is, I cannot get it to display.

See: https://jsfiddle.net/6qmgj521/

Beware: I do NOT mean the 90 degree rotation buttons in the toolbar, but the rotation-thumb adorner!

I expect to see:

Kind regards, 

Hans van Essen

Automatic Layout and Data Source in case of non-TreeView data

In the diagram control automatic layout and data source works just for a tree view. For example in a non tree view data we would have several levels with items that can have multiple parents. In this case I have to create the items in the diagram manually...it would be nice to update this behaviour and to be able to use the diagram with automatic data source and layout also in the case of a non TreeView data.

It would be nice if, in addition to "polyline" and "cascading", if there were other options for the shape of the diagram connectors.  I would like to see a "spline" option that possibly follows a similar path to the "cascading" square shape, but flows with curves.   Maybe even a configuration object, instead of a string that could define the parameters of the shape.

{ 
type: "spline", 
mode: "bezier", // or "natual" or any other spline algorithm //
maxCurves: 3, // max number of inversion points in the spline //
curveRadius: 100 // size in pixels //
// any additional properties for configuring the curve, like bezier length, instead of curve radius &c. //
}

It would love to have an export feature for Diagram which will give the possibilty to make an export to Microsoft Visio.

Fish Bone diagram is a nice feature which is very useful for the applications to provide the root cause analysis in any vertical.

Syncfusion is having a nice in built control to do the same.

https://ej2.syncfusion.com/demos/diagram/fishbone-diagram/

A similar feature from Kendo UI is needed to include it in our existing applications.