Flow diagram

4 posts, 0 answers
  1. Rohit
    Rohit avatar
    20 posts
    Member since:
    Dec 2017

    Posted 12 Jan 2018 Link to this post

    Hi 

    I want to draw a diagram similar to the one in the attached image.

    It will be great if the names of vertical lines could be frozen to the top section of the diagram.

    The user should not be able to modify the diagram.

     

  2. Dimitar
    Admin
    Dimitar avatar
    2917 posts

    Posted 15 Jan 2018 Link to this post

    Hi Rohit,

    I have attached a small example that shows how you can create the line and arrow shapes in the code behind. The arrow is created by copying the shape string from our diagram (drop an arrow and copy the shape). This approach can be used with other shapes as well. 

    The line is created by passing a custom path and adding a custom label element. This is necessary in order to be able to rotate the text.

    I hope this will be useful. Let me know if you have additional questions.

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Rohit
    Rohit avatar
    20 posts
    Member since:
    Dec 2017

    Posted 17 Jan 2018 Link to this post

    Hi Dimitar,

    I am unable to run the sample project.

    Can you provide the sample project for Telerik UI 2017 R3 version and .Net 4.5 Framework. 

  4. Dimitar
    Admin
    Dimitar avatar
    2917 posts

    Posted 17 Jan 2018 Link to this post

    Hello Rohit,

    I have attached a new version of the project.

    Should you have any other questions do not hesitate to ask.

    Regards,
    Dimitar
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top