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

customization ?

1 Answer 92 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
nicolasf
Top achievements
Rank 2
nicolasf asked on 13 Apr 2017, 07:28 AM
Hello,

I'm very interested to use diagram component to create modelization tool but i need some details on elements i can customize :

Is it possible to :

- associate multi templates ? 1 template / shape

- add point on a connection ?

- change connection color for a gradient ? or an image ?

Thanks for your answer.

Nicolas

1 Answer, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 17 Apr 2017, 10:33 AM
Hello Nicolas,

Regarding the questions:

1 - Could yu please advise which template has to be associated with a shape? Is it the shapeDefaults.visual function used to create a shape? If this is the case, the function will be called for every shape, and a custom logic can be used to create different shapes based on a condition:

http://demos.telerik.com/kendo-ui/diagram/index

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram#configuration-shapeDefaults.visual

2) The connection points can be set using the connections.points property of the Diagram. If the requirement is to add additional points to a connection, this is currently not supported:

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram#configuration-connections.points

3) The connection color can be changed using the connectionDefaults.content.color property. Also, a custom visual can be set using the connectionDefaults.content.visual property:

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram#configuration-connectionDefaults.content.color

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram#configuration-connectionDefaults.content.visual

Regards,
Stefan
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Diagram
Asked by
nicolasf
Top achievements
Rank 2
Answers by
Stefan
Telerik team
Share this question
or