Ability to drag a new item into a Sortable object injecting the hint instead of the element itself

4 posts, 0 answers
  1. Paul
    Paul avatar
    2 posts
    Member since:
    Mar 2014

    Posted 02 Jun 2014 Link to this post

    Hi, 

    I would like to drag an element external from a Sortable and have it inject the Hint instead of the actual element.  I don't want the current element to be injected but a sub-element to be injected into the Sortable object.

    How does this work?  I know that jQuery UI supports this but I want to stick with KendoUI.
  2. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 03 Jun 2014 Link to this post

    Hi Paul,

    I am not sure if I understood correctly what you would like to achieve but the Sortable widget does not provide opportunity for dragging elements located outside of the widget container. Such scenario suggests using Kendo Dran'n'Drop components instead of the Sortable widget.

    Regards,
    Alexander Valchev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Paul
    Paul avatar
    2 posts
    Member since:
    Mar 2014

    Posted 03 Jun 2014 in reply to Alexander Valchev Link to this post

    Hi Alexander,

    Here is a link to a site that I am trying to replicate.

    http://www.layoutit.com/build

    My grid system is a Sortable and the canvas area is also a sortable.  Is this not the correct use case?  I want to be able to start dragging the grid system item and have the hint show up.  I also want to have the hint portion be what is dropped onto the sortable area.  If you play with the referenced link, you will see what I am trying to achieve.

    Is this possible with KendoUI?
  5. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 04 Jun 2014 Link to this post

    Hello Paul,

    Thank you for the additional information.

    The Sortable widget does not support the functionality you are looking for and is not intended to be used in such scenarios. I am afraid that we cannot offer a build-in solution (widget) that you can use to replicate the site you referenced. My suggestion is to try developing a custom reordering logic using the Kendo Drag'n'Drop components which will provide drag and drop events and hint functionality.

    Regards,
    Alexander Valchev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready