Customize Shapes toolbar when using datasource in diagram

[pankaj]

 

Referring to the below example:

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram/configuration/shapes.editable.tools

I would like to customize the toolbar of shapes when using a datasource. 

  $("#diagram").kendoDiagram({
                    dataSource: shapesDataSource,
                    connectionsDataSource: connectionsDataSource,
                    layout: {
                        type: "tree",
                        subtype: "tipover",
                        underneathHorizontalOffset: 140
                    },
                    shapeDefaults: {
                        visual: visualTemplate,
                        content: {
                            template: "#= dataItem.JobTitle #",
                            fontSize: 17
                        }
                    },
                    connectionDefaults: {
                        stroke: {
                            color: "black",
                            width: 2
                        }
                    },
                    //editable: {
                    //    tools: [{name: "createShape"}]
                    //},
                    dataBound: onDataBound,
                    toolBarClick: onToolBarClick
                });

[Anton Mironov]

Hi Pankaj,

Thank you for the provided code snippet!
 
Based on the provided information I am not completely sure what kind of customization is needed. Could you try to provide a sample with the current behavior and a visual template for the expected one(an image or description)?
 
The tools set could be created with a custom button or predefined ones. The predefined ones are available in the article you have already shared. However, the other set could be found here:

• https://docs.telerik.com/kendo-ui/api/javascript/ui/toolbar/configuration/items

Will make certain that this gets resolved quickly for you.

 

Regards,
Anton Mironov
Progress Telerik