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

Customize Shapes toolbar when using datasource in diagram

1 Answer 61 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
pankaj
Top achievements
Rank 1
Veteran
pankaj asked on 26 Aug 2020, 07:24 PM

 

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
                });

1 Answer, 1 is accepted

Sort by
0
Anton Mironov
Telerik team
answered on 28 Aug 2020, 03:02 PM

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:

Will make certain that this gets resolved quickly for you.

 

Regards,
Anton Mironov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Diagram
Asked by
pankaj
Top achievements
Rank 1
Veteran
Answers by
Anton Mironov
Telerik team
Share this question
or