Shape and Connector cursor and clicks

4 posts, 1 answers
  1. Fit2Page
    Fit2Page avatar
    377 posts
    Member since:
    Feb 2007

    Posted 22 Mar Link to this post

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

     

    Marc

  2. Vessy
    Admin
    Vessy avatar
    1678 posts

    Posted 23 Mar Link to this post

    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.
  3. Fit2Page
    Fit2Page avatar
    377 posts
    Member since:
    Feb 2007

    Posted 28 Mar in reply to Vessy Link to this post

    Hi Vessy,

     

    Already tried that, but cursor remains pointer.

    Marc

  4. Answer
    Vessy
    Admin
    Vessy avatar
    1678 posts

    Posted 31 Mar Link to this post

    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.
Back to Top