Hide diagram shape popup tools

4 posts, 0 answers
  1. Stewart
    Stewart avatar
    2 posts
    Member since:
    Jun 2018

    Posted 03 Jul Link to this post

    I am using a diagram for a very specific purpose and have disabled most of the editing. I only want my customers to be able to drag and drop the objects.  No resizing, rotating, adjusting connections..etc. 

    I have successfully completed all of that but there is a workaround for the user if they click and do not drag a shape, when they release the mouse button a  popup appears with some controls.   

    How do i disable this popup or what object event is causing it to come up so i can override it?

    thank you!

  2. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    464 posts

    Posted 05 Jul Link to this post

    Hi, Stewart,

    The Kendo UI Diagram has plenty of editable options that allow you to configure very specific configurations at diagram level and also shapes and connection default editable options. 

    Since you do not wish to show the editable tools on shape click, add a shapeDefaults.editable.tools option and set that to false:

    shapeDefaults: {           
      editable: {
        tools: false    
      }
    }

    You may wish to also remove these options from the toolbar by overriding the diagram editable tools option at the root level:

    editable: {
      tools: ["createShape", "undo", "redo"]
    }

    Here is a sample Dojo for your reference for an editable Kendo UI Diagram without rotating and with non-editable connections:

    https://dojo.telerik.com/@bubblemaster/EcAWaWAW

    Let me know if you need further information.

    Kind Regards,
    Alex Hajigeorgieva
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. Stewart
    Stewart avatar
    2 posts
    Member since:
    Jun 2018

    Posted 06 Jul in reply to Alex Hajigeorgieva Link to this post

    Thank you alex!  I was setting tools to an empty array like so :  editable = { drag: true, connect: false, tools: []}.  However, setting it to false instead disabled it as i expected.

    Was i missing this in the documentation anywhere?  Even in the link you provided defines tools as an array and i found multiple articles that explained to provide empty arrays in other areas of kendo.  Are there any other areas i should be aware of that accept array || bool?

    Just trying to learn how to make it around myself going forward.  Thanks! 

  4. Alex Hajigeorgieva
    Admin
    Alex Hajigeorgieva avatar
    464 posts

    Posted 06 Jul Link to this post

    Hi, Stewart,

    Thank you very much for pointing this out.

    It is certainly something that we should have in the documentation and I will see to it to be added soon.

    We add to and enhance the documentation daily but the DataViz API section is definitely one which we have a lot to improve on due to its drawing related nature and a large number of configurable options.

    If you notice anything which does not seem right or does not work, we would appreciate you getting in touch in one the ways listed at:

    https://docs.telerik.com/kendo-ui/updates/contribution-to-documents

    Thank you for helping us improve.

    Kind Regards,
    Alex Hajigeorgieva
    Progress Telerik
    Try our brand new, jQuery-free Angular 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