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

Hide diagram shape popup tools

3 Answers 274 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
Zabbu
Top achievements
Rank 1
Zabbu asked on 03 Jul 2018, 04:18 PM

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!

3 Answers, 1 is accepted

Sort by
0
Alex Hajigeorgieva
Telerik team
answered on 05 Jul 2018, 11:46 AM
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.
0
Zabbu
Top achievements
Rank 1
answered on 06 Jul 2018, 12:24 PM

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! 

0
Alex Hajigeorgieva
Telerik team
answered on 06 Jul 2018, 01:49 PM
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.
Tags
Diagram
Asked by
Zabbu
Top achievements
Rank 1
Answers by
Alex Hajigeorgieva
Telerik team
Zabbu
Top achievements
Rank 1
Share this question
or