Drag & Drop - Draggable Area

[Joe]

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?

[Joe]

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...

[Rumen]

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

[Joe]

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.

[Rumen]

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

[Joe]

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.

[Rumen]

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