The Overview demo of RadDiagram should help you to achieve the desired functionality: http://demos.telerik.com/aspnet-ajax/diagram/examples/overview/defaultcs.aspx
. The data of the diagram control in this demo is loaded declaratively on the page, which leads to the same result if you have data bound the diagram on the server - you have a diagram control on the page with shapes and connections.
This data is then used in the client-side of the demo (script.js
) to create a visual template for each of the shapes. Note that the text is put in TextBlock
objects and that there are several groups of shapes, each defined by the value of the Type
property of the shape.
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.