[Drag and Drop] Drag and drop listbox

Forge Component
Published on 2018-10-30 by Johan den Ouden
7 votes
Published on 2018-10-30 by Johan den Ouden


I'm trying to make options in a listbox  draggable. (a multiselect listbox)

The point is : we have a multiple select listbox with events. And the user should be able to select multple items and drag and drop them in the calendar.

The component allows you to use the webblock and put the draggable content in that webblock to make it draggable. But since it's a listbox, outystsems doesn't allow you to do that.

Has anyone ever achieved this or help me achieving it?


I'm currently creating a work around for this cae. I create a recordlist with the draggable webblock as a wrapper around the currentrow of the recordlist. (so each row is draggable).
The problem is the scrollbar, I'm using overflow-x : scroll to make the list scrollable. But when dragging the element, the scroll is just expanding and the element stays in the container with the scrollbar.
Is there any way to avoid this? So it can be dragged outside of the scrollable div?