New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Export to JSON

You can export RadDiagram to a JSON object literal on the client. This is done in two simple steps (Example 1):

  1. Get a reference to the client-side object of the underlying Kendo UI diagram as described in the Overview help article.

  2. Call the save method of the client-side object of the diagram.

Example 1: Export a diagram to a JSON object literal.

<telerik:RadDiagram ID="RadDiagra1" runat="server">
    <LayoutSettings Type="Tree" Subtype="Down" Enabled="true">
    <ClientEvents OnLoad="onLoad" />
        <telerik:DiagramShape Id="DiagramShape1"></telerik:DiagramShape>
        <telerik:DiagramShape Id="DiagramShape2"></telerik:DiagramShape>
            <FromSettings Connector="Top" ShapeId="DiagramShape1" />
            <ToSettings Connector="Bottom" ShapeId="DiagramShape2" />
            <StrokeSettings />
<script type="text/javascript">
    function onLoad(diagram) {
        var diagramWidget = diagram.get_kendoWidget();
        var json =;

You can find a live example of the export to JSON functionality in the JSON Import and Export demo.

See Also

In this article