Dropdown and/or multi select dropdown in edit shape popup

3 posts, 0 answers
  1. X
    X avatar
    12 posts
    Member since:
    Sep 2015

    Posted 17 May Link to this post

    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. Stefan
    Admin
    Stefan avatar
    1137 posts

    Posted 19 May Link to this post

    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 visualization (charts) and form elements.
  3. X
    X avatar
    12 posts
    Member since:
    Sep 2015

    Posted 19 May in reply to Stefan Link to this post

    Ok thanks got it working now.
Back to Top