Drag & Drop - Draggable Area

7 posts, 0 answers
  1. Joe
    Joe avatar
    62 posts
    Member since:
    May 2012

    Posted 02 Sep Link to this post

    I'm studying the example at http://demos.telerik.com/aspnet-mvc/sortable/sortable-panels for implementing drag and drop dashboard components, and in that example I notice the area to drag is the whole panel as opposed to just the title bar.  This precludes the use of links in the panel themselves.  How would this be modified to only allow dragging by the title bar of the individual panels, thus allowing links inside the actual panel to remain clickable?
  2. Joe
    Joe avatar
    62 posts
    Member since:
    May 2012

    Posted 02 Sep in reply to Joe Link to this post

    So d'uh, I copied the example and actually added links, and they were clickable afterall... But I'd still like to limit the drag area to each panels title bar instead of the whole panel...
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 06 Sep Link to this post

    Hello,

    You have to use a handler. You could also exclude every other elements except the handler through the ignore configuration option. Basically the ignore should the inverted handler selector.

    Best regards,
    Rumen
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  5. Joe
    Joe avatar
    62 posts
    Member since:
    May 2012

    Posted 06 Sep in reply to Rumen Link to this post

    Thank you... How would I go about limiting the move cursor over just the handler element?  The cursor attribute seems to get applied to the whole sortable element, and not just the element used to drag the component.
  6. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 08 Sep Link to this post

    Hi Joe,

    I set a hand cursor over the handler element -> http://dojo.telerik.com/@RumenJ/uMuDI and I noticed that the cursor is changed properly as shown in this video: http://screencast.com/t/WpHKPHox.

    Best regards,
    Rumen
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  7. Joe
    Joe avatar
    62 posts
    Member since:
    May 2012

    Posted 08 Sep in reply to Rumen Link to this post

    So don't use the cursor attribute of the sortable component itself.  So intuitive...  Who would've thought that to set a cursor, you don;t actually use the cursor property of the component you're trying to set the cursor for. Gotta love the contradictory nature of the Telerik documentation.
  8. Rumen
    Admin
    Rumen avatar
    12846 posts

    Posted 09 Sep Link to this post

    Thanks for your feedback, Joe. It's appreciated!

    Indeed, the cursor setting of the widget sets a cursor that will be shown while user drags sortable item.

    Best regards,
    Rumen
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top
UI for ASP.NET MVC is VS 2017 Ready