Does not matter what value is set to the Connection's StartCap/EndCap properties, the ends of the connection are rendered as if the value of these properties is "None".
A connector that is only connected to one shape cannot be imported via JSON. Tested here: http://demos.telerik.com/aspnet-ajax/diagram/examples/saveload/defaultcs.aspx JSON: { "shapes": [{ "id": "nadal_winner", "background": "#f18100", "hover": { "opacity": 0.2 }, "cursor": "pointer", "content": { "align": "center middle", "text": "R. Nadal", "color": "#fff" }, "selectable": true, "serializable": true, "enable": true, "type": "rectangle", "path": "", "visual": null, "x": 180, "y": 155, "minWidth": 20, "minHeight": 20, "width": 140, "height": 30, "connectors": [{ "name": "Top", "description": "Top Connector" }, { "name": "Right", "description": "Right Connector" }, { "name": "Bottom", "description": "Bottom Connector" }, { "name": "Left", "Description": "Left Connector" }, { "name": "Auto", "Description": "Auto Connector" }], "rotation": { "angle": 0 }, "stroke": { "width": 0, "color": "#fff" }, "connectorDefaults": { "background": "#444444", "stroke": { "color": "white" }, "hover": { "background": "white", "stroke": { "color": "#444444" } } }, "undoable": false }], "connections": [{ "from": { "shapeId": "nadal_winner", "connector": "Right" }, "to": "OK6oDroWug", "id": "OK6oDroWug", "background": "Green", "hover": { "stroke": {} }, "cursor": "pointer", "content": { "align": "center middle", "text": "", "color": "#444444" }, "selectable": true, "serializable": true, "enable": true, "startCap": "none", "endCap": "none", "points": [], "stroke": { "width": 2, "color": "#6c6c6c" }, "select": { "handles": { "width": 8, "height": 8, "background": "white", "stroke": { "color": "#444444" } } } }] }
Hello, I think text-only "shapes" should be consider for implementation as first-class citizens in RadDiagram. That is, placing elements that are purely textual. Currently, per the "Overview" example, various javascript helpers must be utilized to properly complete the addition of text-based shapes. It works, but it isn't as clean or simple as it could be. thanks! matt
Add ability to define unique ID for each connection configured in a RadDiagram, so it could be referenced by this ID later.
I'm looking at using RadDiagrams for a dynamic workflow flow dashboard. I'd like to be able to format the text inside the shape with underlines, bolds and line feeds, etc. I'd like to see something implemented like in the report text box where you can pass in an HTML encoded string and when it's displayed it renders it as HTML. <b>Header</b>\n<u>Items</u>
hello, RadDiagram is great for vector shapes, but it's more difficult to use plain text shapes, or custom bitmaps (.PNGs, .GIFs, etc). possible to do, but requires javascript manipulation. it would be more natural and more powerful for their to be native DiagramShape types for "Text" and "Bitmap", with appropriate auxillary properties to use them ("ImagePath", for Bitmap, etc...) thanks matt
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.
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.
It will be possible to retrieve the pointer coordinates when using the OnMouseEnter and OnMouseLeave events of RadDiagram via their event object.
It will be possible to create shapes of RadDiagram by selecting from a toolbox of specified shape types.
When binding connections of RadDiagram from a data source, it will be possible to pass their content Text values.
When you use the ConnectionDataSource of RadDiagram to data bind an SqlDataSource to its connections, a NullReferenceException is thrown. You can avoid this issue by using ConnectionDataSourceId instead.
When binding shapes of RadDiagram from a data source, it will be possible to pass the color for the shape's content text.
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.
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>
Actual result:
Expected result:
It will be possible to group RadDiagram shapes via the API of the control so that you can transform them and resize them together.
When you change the beginning or the end of an existing RadDiagram connection and call the client-side save() method, the exported data for the modified connection will not be updated.
RadDiagram throws a NullReferenceException when you bind it declaratively and place it in the ItemTemplate of a data bound control, for example a Repeater.
It will be possible to specify the maximum number of connections that start from a shape and end in a shape of RadDiagram.