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

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

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

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

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