This is a migrated thread and some comments may be shown as answers.

Flow diagram

3 Answers 95 Views
Diagram, DiagramRibbonBar, DiagramToolBox
This is a migrated thread and some comments may be shown as answers.
Rohit
Top achievements
Rank 1
Rohit asked on 12 Jan 2018, 12:55 PM

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.

 

3 Answers, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 15 Jan 2018, 01:19 PM
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.
0
Rohit
Top achievements
Rank 1
answered on 17 Jan 2018, 08:19 AM

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. 

0
Dimitar
Telerik team
answered on 17 Jan 2018, 09:24 AM
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.
Tags
Diagram, DiagramRibbonBar, DiagramToolBox
Asked by
Rohit
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
Rohit
Top achievements
Rank 1
Share this question
or