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

Shape and Connector cursor and clicks

3 Answers 91 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
Fit2Page
Top achievements
Rank 2
Iron
Iron
Iron
Fit2Page asked on 22 Mar 2017, 10:08 AM

Is it possible to show only pointer cursor and click functionality on the shapes and NOT on the connections?

 

Marc

3 Answers, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 23 Mar 2017, 04:07 PM
Hi Marc,

You can disable the selection and editing of the connections by configuring the ConnectionDefaultsSettings.Editable and ConnectionDefaultsSettings.Selectable to false:
<telerik:RadDiagram ID="RadDiagram1" runat="server" Width="1000px" Height="400">
    <ConnectionDefaultsSettings Editable="false" Selectable="false"></ConnectionDefaultsSettings>
    ...


Regards,
Vessy
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Fit2Page
Top achievements
Rank 2
Iron
Iron
Iron
answered on 28 Mar 2017, 07:12 AM

Hi Vessy,

 

Already tried that, but cursor remains pointer.

Marc

0
Accepted
Vessy
Telerik team
answered on 31 Mar 2017, 06:49 AM
Hi Marc,

You are correct, the pointer cursor type remains even when the connections are not editable. You can change this behavior by setting the cursor type when a connection is hovered. For example, you can do it in the handler of the  OnMouseEnter event of the diagram in a similar way:
<telerik:RadDiagram ID="RadDiagram1" runat="server" Width="1000px" Height="600" Skin="WebBlue">
    <ClientEvents OnMouseEnter="mouseEnter" />
    <ConnectionDefaultsSettings Editable="false" Selectable="false"></ConnectionDefaultsSettings>
    ...
</telerik:RadDiagram>
<script>
    function mouseEnter(args) {
        if (args.item instanceof kendo.dataviz.diagram.Connection) {
            args.item.options.cursor = "default";
        }
    }
</script>



Regards,
Vessy
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Diagram
Asked by
Fit2Page
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Vessy
Telerik team
Fit2Page
Top achievements
Rank 2
Iron
Iron
Iron
Share this question
or