This is a migrated thread and some comments may be shown as answers.

Help with absent features

1 Answer 80 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
Matthew
Top achievements
Rank 1
Matthew asked on 20 Apr 2016, 12:49 PM

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 vb.net 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.

1 Answer, 1 is accepted

Sort by
0
Danail Vasilev
Telerik team
answered on 25 Apr 2016, 10:57 AM
Hello Matthew,

Please find my answers to your questions:
    1) Resize diagram. A feature request about resizing diagram has been logged here - http://feedback.telerik.com/Project/108/Feedback/Details/136085, so that you can monitor, comment and vote on it.
    2) Diagram scrolling. You can find such a sample in this article - http://docs.telerik.com/kendo-ui/controls/diagrams-and-maps/diagram/how-to/using-scrollbar
    3) Add context menu - You can see the example below.
<script>
    function onClick(e) {
        setTimeout(function () {
            $find("RadContextMenu1").showAt(e.point.x, e.point.y);
        }, 10);
    }
</script>
<telerik:RadContextMenu ID="RadContextMenu1" runat="server">
    <Items>
        <telerik:RadMenuItem Text="Item 1" Value="1"></telerik:RadMenuItem>
        <telerik:RadMenuItem Text="Item 2" Value="2"></telerik:RadMenuItem>
    </Items>
</telerik:RadContextMenu>
<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:
<script>
    function onRemove(e) {
        e.preventDefault();
    }
</script>
<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).



Regards,
Danail Vasilev
Telerik
Tags
Diagram
Asked by
Matthew
Top achievements
Rank 1
Answers by
Danail Vasilev
Telerik team
Share this question
or