Customize Connector and Connection Styles

2 posts, 0 answers
  1. Chris
    Chris avatar
    1 posts
    Member since:
    Mar 2016

    Posted 29 Mar Link to this post

    Hi All,

    I'm currently trialing KendoUI  Professional for a project. Particularly I'm interested in the Diagram component however there are two critical elements I would like to customize.

    I would like to make the connectors custom shapes. For example I would like certain shapes that can be connected to each other (based on business rules) to have unique connector shapes to make it clear to the user which shapes can be connected. At the moment there seems to be no way to do this out of the box (I acknowledge I can do colors though).

    I would also like to make connections, curved/splines as per this feature request:

    I am pretty confident in my ability to add these modifications once I purchase a license and gain access to the Diagram source code however I'm wondering if anyone has has any experience trying to modify Diagram and whether these two customizations are realistic possibilities. Otherwise I may have to make something from scratch with SnapSVG or similar.

    Just a tad worried about purchasing a license and then realizing that I can't get the desired result anyway.





  2. Daniel
    Daniel avatar
    2109 posts

    Posted 31 Mar Link to this post

    Hello Chris,

    Changing the elements shouldn't be an issue because the underlying drawing API can draw pretty much anything. For the next official release, the drawing API will also include support for hit-testing so changing the implementation to correctly detect click on a curved connection should be relatively simple. 
    We are also planning to include curved connection as built-in option but at this point I cannot commit to an exact time frame. Allowing custom elements for the connectors is not currently planned so if you would like to see this as built-in feature I would suggest to share your idea in our feedback portal.

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