SVG Example:

            <svg>
                <defs>
                    <pattern id="Occupied"
                            width="4" height="10"
                            patternUnits="userSpaceOnUse"
                            patternTransform="rotate(45 50 50)">
                        <line stroke="#ffb29d" stroke-width="2" y2="10"/>
                    </pattern>
                </defs>
                <rect x="5" y="5"
                      width="40" height="100"
                      fill="url(#Occupied)"
                      stroke="#ff7094"
                      stroke-width="1" />
            </svg>

Hi Team,

I would like to request adding Swimlane Orientation for the Kendo UI Diagram. 

Thank you!

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

Enhancement

Expose renderAs property in Diagram as it is in Chart

TicketID: 1563168

Environment
Kendo UI version: ]all]
Browser: [all]

Hi Team,

I'd like to request the functionality to inject HTML code using the Kendo UI Drawing API.  Specifically, being able to utilize a Node Container with the Drawing API would be great.  

Thank you!

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.

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.

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.

It would be great to have a "shadow" property and customization settings for shapes.  That would take the visual appeal of these controls clearly to the next level.  Same request for "corners" as in rounding/settings. 

Extend Dataviz Diagram to implement a BPMN Editor using

Hi Team,

I'd like to request the Kendo UI Diagram to include a double click event in future releases similar to the click event.  

Thank you

Add ability to define connection visual template option for the whole connection path. In this way the user can define custom connection types (like 'polyspline' ).

Someting like:

https://docs.telerik.com/devtools/winforms/controls/diagram/diagram-items/connections/connection-types 

Tooltip for Shapes in Diagram

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.

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

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

It should be allowed to extend the Diagram plot area to more than 20000px and/or to calculate the max scroll width based on the Diagram content.

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 will be nice to create shapes with rounded borders

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