Missing Production Worthy Features

4 posts, 0 answers
  1. DaveP
    DaveP avatar
    8 posts
    Member since:
    Feb 2010

    Posted 06 Aug 2014 Link to this post

    I've been using some of your competitors' diagramming products over the years and was pretty excited to see this addition to the Telerik toolset.

    That said, there are several features that prohibit my move to the Telerik diagram control. Is there a feature roadmap to help me see if/when these might appear?

    Note: its possible these are implemented somehow and I just missed how to do it - if so, please advise!

    #1: Click and double click events on a shape.
    #2: Events associated with creating connections between shapes (I need an event that fires when the "drag" operation starts and one that fires when the user finishes by selecting the target shape).
    #3: Fix the bug that prohibits the EndCap feature from working.
    #4: Allow shapes to be dragged and dropped between 2 diagram controls (and fire the associated drag-drop events on the target diagram container).
    #5: Click/double click event on connections.
    #6: Shapes currently support text inside the shape - how about text as a label above (or below) the shape. I want to have shapes in the form of small circles that have a text label above showing the user what the shape represents.

    Whew - these are the top ones I can think of right off. I'm sure there are more - but if your new control could support the above, I get to drop the other vendor solutions and go 100% Telerik.

  2. Vessy
    Vessy avatar
    1351 posts

    Posted 11 Aug 2014 Link to this post

    Hi Dave,

    Thank you for your interest in the RadDiagram control. You can find below my insights to the listed suggestions:
    1. RadDiagram exposes a Click client-side event, which is fired both after clicking over shapes and connections. A possible way to determine which is the element which has been clicked is:
      <telerik:RadDiagram ID="RadDiagram1" runat="server">
          <LayoutSettings Enabled="true"></LayoutSettings>
              <telerik:DiagramShape Id="s1"></telerik:DiagramShape>
              <telerik:DiagramShape Id="s2"></telerik:DiagramShape>
              <telerik:DiagramShape Id="s3"></telerik:DiagramShape>
                  <FromSettings ShapeId="s1" />
                  <ToSettings ShapeId="s2" />
                  <FromSettings ShapeId="s1" />
                  <ToSettings ShapeId="s3" />
          <ClientEvents OnClick="onClick"  />
          function onClick(sender) {
              if (sender.item.id) { //if the item has an ID it is a shape
                  alert("You have clicked over shape with ID: " + sender.item.id);
              else {
                  alert("You have clicked over the connection between shapes with IDs " + sender.item.sourceConnector.shape.id + " and " + sender.item.targetConnector.shape.id);
    2. A feature request for such event(s) has been already added to our feedback portal and you can vote for it here: Add a setting for detecting when a RadDiagram connection is added/changed
    3. This bug is already fixed in the KEndo diagram and will be fixed in our wrappers when we upgrade to the latest version of Kendo UI (before our next official release).
    4. I have added this suggestion as a feature request into our feedback portal so we can track its popularity among the other users. You can vote for it here: Allow shapes to be dragged and dropped between 2 diagram controls
    5. Please, see the answer of the first question.
    6. I have also added this suggestion as a feature request so our developers will consider its implementation in the feature. You can track, share and vote for it here: Allow the text content of the shapes to be placed below/above the shape

    Finally, I have updated your Telerik points as a small sign of gratitude for your feedback and feature suggestions.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft R3 2016 release webinar banner
  4. José Ángel
    José Ángel avatar
    3 posts
    Member since:
    Jan 2015

    Posted 15 Mar in reply to Vessy Link to this post

    I've noticed that OnAdd is fired when I start adding a connector, and the args contains the from.shape, but is there any event to control when the connector has linked its other extrem to another shape?

    I'm Trying to detect when two shapes are connected.




  5. Vessy
    Vessy avatar
    1351 posts

    Posted 16 Mar Link to this post

    Hi Ángel,

    I have just answered you support ticket on the matter, for convenience I will copy my answer here as well:

    Indeed the target shape is not available in the Add event of the Diagram. Apossible moment in which you can access this information is the dragEnd event of the Kendo UI widtget. The dragging events are still not exposed as a properties in RadDiagram so if you decide to use it you will need to attach the handler to this event manually.

    You can see how to get access the Kendo UI widget through the RadDiagram's API here:

Back to Top