Help with absent features

2 posts, 0 answers
  1. Matthew
    Matthew avatar
    9 posts
    Member since:
    Jun 2009

    Posted 20 Apr 2016 Link to this post

    I have a dependency I need to show online; the problems I am facing seem to be better developed in other versions on the tool set than this. There also seems to be a lack of example code in as well as c# (unless I am missing something)

    1. Browser size/resizing - I need to be able to resize the diagram view port based on the window size. Nothing about this at all? This seems strange as the client side API for other controls are very rich in what you can do with them using JavaScript.

    2. My diagram is very large and does not fit the whole map in the viewport. I can user Ctrl + Move mouse to pan; but ideally this needs scroll bars. This can be achieved through other implementations of diagram Silverlight for instance. But not here?

    3. Need to be able to attach a context menu to each shape and/or connection; also a context menu on the other space would be nice.

    4. Can the connections be attached to a centre point whilst disabling the abilities to...

        a. Disable the deletion of a diagram shape and connection

        b. All connections start and end at centre points, all other connection points are removed

        c. Disable the creation of connections between points.


    Really the diagram tool is great honestly; but lacks a lot of features that you have done for other versions of the telerik toolset.

  2. Danail Vasilev
    Danail Vasilev avatar
    1502 posts

    Posted 25 Apr 2016 Link to this post

    Hello Matthew,

    Please find my answers to your questions:
        1) Resize diagram. A feature request about resizing diagram has been logged here -, so that you can monitor, comment and vote on it.
        2) Diagram scrolling. You can find such a sample in this article -
        3) Add context menu - You can see the example below.
        function onClick(e) {
            setTimeout(function () {
                $find("RadContextMenu1").showAt(e.point.x, e.point.y);
            }, 10);
    <telerik:RadContextMenu ID="RadContextMenu1" runat="server">
            <telerik:RadMenuItem Text="Item 1" Value="1"></telerik:RadMenuItem>
            <telerik:RadMenuItem Text="Item 2" Value="2"></telerik:RadMenuItem>
    <telerik:RadDiagram ID="RadDiagram1" runat="server" Width="70%">
        <ClientEvents OnClick="onClick" />
        4.1) A connection can start/end to the same point only on initial creation.  
        4.2) Cancel the removal - You can use the code below to cancel the removal:
        function onRemove(e) {
    <telerik:RadDiagram ID="RadDiagram1" runat="server" Width="70%">
        <ClientEvents OnRemove="onRemove" />

    The above can be executed only when a particular condition is met (e.g., check the shape's text).

    Danail Vasilev
Back to Top