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:

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 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 connections of RadDiagram from a data source, it will be possible to pass their content Text values.

It will be possible to create shapes of RadDiagram by selecting from a toolbox of specified shape types. 

It will be possible to retrieve the pointer coordinates when using the OnMouseEnter and OnMouseLeave events of RadDiagram via their event object.

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. 

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.

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

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>

Add ability to define unique ID for each connection configured in a RadDiagram, so it could be referenced by this ID later.

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

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"
                }
            }
        }
    }]
}

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".

It will be possible to specify the maximum number of connections that start from a shape and end in a shape of RadDiagram.

RadDiagram throws a NullReferenceException when you bind it declaratively and place it in the ItemTemplate of a data bound control, for example a Repeater.

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.

It will be possible to group RadDiagram shapes via the API of the control so that you can transform them and resize them together.