Drag and Drop from PanelBar to Canvas !

2 posts, 0 answers
  1. G.K. Raju
    G.K. Raju avatar
    14 posts
    Member since:
    Oct 2009

    Posted 10 Sep 2019 Link to this post


         I've created a panel bar similar to the demo in the below url. The panel bar have icons.


         I've a (MindFusion diagram) canvas in the same page in my application.

         I want to drag and drop the icon from the panel bar (in the right side) and create a diagram node in the canvas (in the left side) in the dropped location.

         May I know how to do that?



  2. Dimiter Topalov
    Dimiter Topalov avatar
    1263 posts

    Posted 12 Sep 2019 Link to this post

    Hi Raju,

    The PanelBar component does not support Drag-and-Drop out of the box, neither such interaction with other third-party and/or custom components. Currently the only way to achieve the desired functionality would be via some custom implementation, relying on the HTML5 DOM Drag-and-Drop API and custom logic for adding the dragged element/icon to the diagram depending on this component's API and supported functionalities.

    Meanwhile please support the following feature request from our Feedback portal:


    We will consider providing a generic Drag-and-Drop solution based on the customer demand.

    I can also recommend our separate dedicated offering - the Progress Professional Services that specialize in custom-tailored solutions, feature customization, custom implementations and more:


    Let me know if you are interested in benefiting from their expertise, and I will arrange for someone from the team to contact you.

    Dimiter Topalov
    Progress Telerik

    Get quickly onboarded and successful with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top