Several issues with diagram

2 posts, 0 answers
  1. Bogumil
    Bogumil avatar
    1 posts
    Member since:
    Dec 2015

    Posted 26 Jan Link to this post

    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.

    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.
    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.
    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.
    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.
    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.
    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.
  2. T. Tsonev
    Admin
    T. Tsonev avatar
    2772 posts

    Posted 01 Feb Link to this post

    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:
        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!
     
  3. Kendo UI is VS 2017 Ready
Back to Top