Hello,
I've few problems with Kendo UI diagram control in my Angular 1.4 project. In my case I use diagram to draw an organization chart from the top to the bottom.
1. Is it possible to customize connectors (output) behavior to be drawn always from the the bottom (see attachment)? Now I've a badlook situation that connectors output random from every side.
2. How to restrict the pan/scroll area to not to move the diagram outside current viewport.
3. I want to load diagram `kendoDiagram(this.kendoDiagramOptions)` asynchronously by $q (Angular Promise) or rxjs. When I simply put this to the promise, diagram initialization seems to block whole application until its done. How to bypass this behavior.
Best regards.
1 Answer, 1 is accepted
0
Hi,
Please accept my apologies for the delayed response.
The connections (lines) can be bound to specific connectors (dots) on the shapes.
In the simplest case, we can set it for all connections at once:
There's no direct way to restrict pan/zoom area. Setting pannable to false and choosing the appropriate zoom limits should be able to serve as such restriction.
I'm not sure how the code around the data loading is structured to tell what needs to avoid blocking.
You can try invoking setDataSource on the widget instance when the data becomes available as a possible solution.
Regards,
T. Tsonev
Telerik
Please accept my apologies for the delayed response.
The connections (lines) can be bound to specific connectors (dots) on the shapes.
In the simplest case, we can set it for all connections at once:
connectionDefaults: {
fromConnector: "Bottom",
...
}
There's no direct way to restrict pan/zoom area. Setting pannable to false and choosing the appropriate zoom limits should be able to serve as such restriction.
I'm not sure how the code around the data loading is structured to tell what needs to avoid blocking.
You can try invoking setDataSource on the widget instance when the data becomes available as a possible solution.
Regards,
T. Tsonev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!