ContentSettings should have a property for CssClass: <ContentSettings Text="Some txt" CssClass="myLabel" /> or a Style property: <ContentSettings Text="Some txt" Style="font:bold 14px arial;color:red;" /> this would allow developers to style the textual elements in their diagrams.
It will be possible to retrieve the pointer coordinates when using the OnMouseEnter and OnMouseLeave events of RadDiagram via their event object.
Raise OnHover event for the RadDiagram shapes and connections, giving the developer the ability to access the object that is hovered (get reference to it).
It will be possible to detect when a new diagram connection is created or modified.
RadDiagram does not render stroke thinner than 2px.
Code to reproduce:
<telerik:RadDiagram ID="webDiagram" runat="server"> <ShapesCollection> <telerik:DiagramShape Id="s1"> <StrokeSettings Width="1" Color="grey" /> </telerik:DiagramShape> </ShapesCollection> </telerik:RadDiagram>
the layouts are definitely limited for this control compared to other established diagram controls: http://demos.telerik.com/aspnet-ajax/diagram/examples/overview/defaultcs.aspx looking for a swim lane layout, something like this: http://gojs.net/latest/samples/swimlanes.html The connection lines should not intersect with one another(would depend on the layout obviously) and be smart like visio. The current layout choices are very messy when rendering data that has lots of connections in and out of shapes. As stated by another developer in this forum, the StartCap and EndCap settings do not work at all, I have tried everything, the connections never have the filled circle and arrow. In fact if you set them, they make the control very unstable in the browser. Feel free to reach out to me as I have evaluated the control for use in our infrastructure and its just not mature enough yet. Any idea when the next big release for this control will be? Thanks, email@example.com
I found a request in the forums from 2010 for venn diagram functionality, but the topic is locked now. I was wondering if there was any chance that you might implement this at some point? The ability to create these, particularly with labeled/valued intersections, is a highly requested feature for our software. Thanks!
By including an id attribute in the SVG rendering of the diagram shapes, it will be possible to reference them on the client.
Shapes currently support text inside the shape - how about text as a label above (or below) the shape. I want to have shapes in the form of small circles that have a text label above showing the user what the shape represents.
The connection StartCap and EndCap values are not applied when set through ConnectionDefaults. The bug is introcuded version 2016 R3 SP1 Code to reproduce the probelem: <telerik:RadDiagram ID="RadDiagram2" runat="server" Skin="Windows7" Height="365" Width="1600"> <ShapeDefaultsSettings Height="30" Width="100"> <ContentSettings FontSize="12" /> <FillSettings Color="#f2f2f2" /> <StrokeSettings Width="2" /> </ShapeDefaultsSettings> <LayoutSettings Enabled="true" ></LayoutSettings> <ShapesCollection> <telerik:DiagramShape Id="s1"></telerik:DiagramShape> <telerik:DiagramShape Id="s2"></telerik:DiagramShape> <telerik:DiagramShape Id="s3"></telerik:DiagramShape> </ShapesCollection> <ConnectionsCollection> <telerik:DiagramConnection> <FromSettings ShapeId="s1" /> <ToSettings ShapeId="s2" /> </telerik:DiagramConnection> <telerik:DiagramConnection> <FromSettings ShapeId="s2" /> <ToSettings ShapeId="s3" /> </telerik:DiagramConnection> </ConnectionsCollection> <ConnectionDefaultsSettings StartCap="FilledCircle" EndCap="ArrowEnd" /> </telerik:RadDiagram>
When more than one shapes have HTML content containing image with the same path, only the image inside the first shape is rendered: https://www.screencast.com/t/mYJVfSOlP Code to reproduce: <telerik:RadDiagram runat="server" ID="RadDiagram1"> <LayoutSettings Enabled="true" Type="Tree" Subtype="Right" /> <ShapesCollection> <telerik:DiagramShape Id="s1" > <ContentSettings Html="<div>Shape 1</div><img src='sampleImage.png' />" /> </telerik:DiagramShape> <telerik:DiagramShape Id="s2" > <ContentSettings Html="<div>Shape 2</div><img src='sampleImage.png' />" /> </telerik:DiagramShape> </ShapesCollection> </telerik:RadDiagram>
Diagram nesting. I want to develop a tool with a UI similar to Microsoft SQL SSIS Designer or Visual Studio DGML. (Architectural diagrams) Using the Diagramming Framework is close. But it needs some way to drag a container object onto the surface, connect it to other objects or containers. This container (group) could contain other objects or other sub-container objects. Thus I get a potential infinite nesting of things that can contain a group of things which have a relationship between them. (a mini-diagram) I'd also need a Drag/Drop event & Expand/Collapse event. My goal is to let the users draw a workflow of parallel & sequential tasks. As they change the diagram the database is updated. This drives a process which is my application. These types of hierarchical relationships are very common. Example: Manufacturing. The Diagram of a Process building an assembly, which contains Sub-Assemblies, which also need to be constructed. Example: Computing Showing a group of scheduled tasks which can be run in parallel. But the whole group needs to be complete prior to the next group of tasks being started. (similar to a milestone) Example: Database Object Diagram. Showing the relationships between tables, views & stored Procedures. But each box has a little Expand button that lets you see the indexes, triggers & Constraints that define the table. Currently the Telerik Diagram control lets me group objects, But I can't see that grouping. I can't draw a link betwen that group & another nor can I expand / collapse the container object. FYI, 1. Doesn't matter if it is WinForm, WPF, or HTML. 2. The DGML spec that is implemented in MSFT Visual Studio does all the things I want. Except "installing VS" is a lot of overhead for my solution.
When binding shapes of RadDiagram from a data source, it will be possible to pass the color for the shape's content text.
When binding connections of RadDiagram from a data source, it will be possible to pass their content Text values.
Add x, y, width and height properties in the options member of a client-side object of a RadDiagram connection so that it is consistent with the client-side object of a shape. Currently they can be retrieved through _bounds.