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

Dropdown and/or multi select dropdown in edit shape popup

2 Answers 309 Views
Diagram
This is a migrated thread and some comments may be shown as answers.
X
Top achievements
Rank 1
X asked on 17 May 2017, 10:56 AM

I am currently trying to see if the diagram component is useful for a feature we are trying to implement. So far it looks great, however, there is one issue that is stopping me….

http://demos.telerik.com/kendo-ui/diagram/editing

The problem I am having is when I click on President in your example, I want a set of options in a dropdown, not a free text field.

I would also like the option to have two dropdowns so the top one filters the options in the bottom one.

Is this possible? If so, would you be able to show me or point me in the correct direction? I am using the MVC wrappers.

Thanks

2 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 19 May 2017, 06:01 AM
Hello,

In this scenario, I can suggest using the editable.shapeTemplate and the editable.connectionTemplate properties of the Diagram, as they will allow using a custom template for the pop used for editing. Then in this template, a DropDown can be used to set predefined options.

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram#configuration-editable.shapeTemplate

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/diagram#configuration-editable.connectionTemplate

I hope this is helpful.

Regards,
Stefan
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 (charts) and form elements.
0
X
Top achievements
Rank 1
answered on 19 May 2017, 10:37 AM
Ok thanks got it working now.
Tags
Diagram
Asked by
X
Top achievements
Rank 1
Answers by
Stefan
Telerik team
X
Top achievements
Rank 1
Share this question
or