Kendo Diagram - wrapping labels and individual shape color without using visual template

2 posts, 0 answers
  1. Justin
    Justin avatar
    2 posts
    Member since:
    Nov 2015

    Posted 24 Nov 2015 Link to this post


    1. I'm trying to create a process diagram using the kendoDiagram function. However, the labels for each node are not contained inside its shape's container. I tried several methods to break the line, but none seem to work. Is it possible to wrap the text of each node so it will fit inside its shape's container?

    2. Another question, is it possible that on initial load I can give a shape a different color besides the one that is set in shapeDefaults? I am using dataSource and I assume that I can do something like:
     { id: "one", name: "C" width: 40, height: 40, type: "circle", fill: "red"}
    I tried other property names like 'color' but it does not work. 

    Please see attached sample screenshot and the script I used.


  2. Daniel
    Daniel avatar
    2110 posts

    Posted 26 Nov 2015 Link to this post


    The first question seems to be the same as in this forum thread. Please check my reply there.

    Binding the color is not currently supported. If a custom visual should not be used then other option that I can suggest is to use the shapes redraw method after they are created(updated example).

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top