# Costume Components - Draggable List **URL:** \ **Category:** Developer corner\ **Created:** [July 11, 2023, 11:28am UTC](https://community.weweb.io/t/costume-components-draggable-list/3471 "2023-07-11T11:28:34Z")\ **Posts on this page:** 13\ **Page:** 2
**Author:** ![tillyboard](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/tillyboard/32/3317_2.png) [@tillyboard](https://community.weweb.io/u/tillyboard)\ **Post date:** [August 26, 2023, 11:52am UTC](https://community.weweb.io/t/costume-components-draggable-list/3471/21 "2023-08-26T11:52:45Z")
At the moment everything is error free. I would be very happy if you share your findings, if you have a solution šŸ˜‰ ---
**Author:** ![tillyboard](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/tillyboard/32/3317_2.png) [@tillyboard](https://community.weweb.io/u/tillyboard)\ **Post date:** [October 10, 2023, 7:26am UTC](https://community.weweb.io/t/costume-components-draggable-list/3471/22 "2023-10-10T07:26:49Z")
Hey Broberto, do you think it would be possible for you to send me your code as a repository? I would like to take a look at it to see if it might help me progress. I have the issue that I want to code a sort of Kanban board with Vue Draggable, and your code could possibly show me how to properly bind the data from weweb. I would greatly appreciate it if you could provide me with some insight! šŸ™‚ ---
**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\ **Post date:** [October 10, 2023, 8:39am UTC](https://community.weweb.io/t/costume-components-draggable-list/3471/23 "2023-10-10T08:39:35Z")
Can you DM me please? Iā€™ll send it to you asap, but now Iā€™m away ---
**Author:** ![felipegranado](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/felipegranado/32/6306_2.png) [@felipegranado](https://community.weweb.io/u/felipegranado)\ **Post date:** [December 15, 2023, 1:33pm UTC](https://community.weweb.io/t/costume-components-draggable-list/3471/24 "2023-12-15T13:33:04Z")
Hello! I know this topic is not very busy, but I need a draggable list at the moment and the lack of an element that allows this configuration has left me a little frustrated. Instead of creating an entire process via code, wouldnā€™t it be easier for Weweb developers to create boolean options for ā€œdragable elementā€ and ā€œdroppable elementā€ in the div element? And when this attribute is marked as ā€œtrueā€, in the Workflow options, ā€œondragstartā€ or ā€œondragendā€ appears? Better, in the ā€œListā€ element, make the draggable and droppable options available in the options? Obviously, we can put this ā€œattributeā€ in the settings, but this space can be explored for other situations, since practically all user experience best practices will, at some point, deal with dragging and dropping elements! Example: [https://www.w3schools.com/html/html5\_draganddrop.asp](https://www.w3schools.com/html/html5_draganddrop.asp) PS.: At the time of this reply, I just configured a div as draggable. @Joyce @aurelie ![Captura de tela 2023-12-15 102643](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/935ba4b933505a6ff1196c766eafa56be269bbbe.jpeg) * * * ![Captura de tela 2023-12-15 102733](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/cd8a4112c746f48f505ce92fcbef56c58ee4682d.jpeg) * * * ![Imagem1](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/f/f2f7b848b9935d779bc0be8476b854b6c9e5c759.jpeg) ---
**Author:** ![aurelie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/aurelie/32/13249_2.png) [@aurelie](https://community.weweb.io/u/aurelie)\ **Post date:** [December 15, 2023, 1:45pm UTC](https://community.weweb.io/t/costume-components-draggable-list/3471/25 "2023-12-15T13:45:01Z")
Did you try the stack element? ---
**Author:** ![felipegranado](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/felipegranado/32/6306_2.png) [@felipegranado](https://community.weweb.io/u/felipegranado)\ **Post date:** [December 15, 2023, 1:52pm UTC](https://community.weweb.io/t/costume-components-draggable-list/3471/26 "2023-12-15T13:52:18Z")
No. šŸ˜¬ In fact, I was unaware of its practical function (perhaps the name in English didnā€™t make it easier for me to understand). šŸ‡§šŸ‡· Iā€™ll use it and post the answer. Thanks in advance! āœŒ ---
**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\ **Post date:** [December 15, 2023, 2:18pm UTC](https://community.weweb.io/t/costume-components-draggable-list/3471/27 "2023-12-15T14:18:45Z")
Yep, use stack element for this. If youā€™re not able to get what you need, you can take the element from github and fork it yourself. ---
**Author:** ![felipegranado](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/felipegranado/32/6306_2.png) [@felipegranado](https://community.weweb.io/u/felipegranado)\ **Post date:** [December 15, 2023, 2:50pm UTC](https://community.weweb.io/t/costume-components-draggable-list/3471/28 "2023-12-15T14:50:17Z")
Excellent! The Stack element works great! šŸ† Now I need to learn how to create workflows (I want to create a menu tree with hierarchy, like Windows Explorer)ā€¦ Thanks! ---
**Author:** ![felipegranado](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/felipegranado/32/6306_2.png) [@felipegranado](https://community.weweb.io/u/felipegranado)\ **Post date:** [December 21, 2023, 6:40pm UTC](https://community.weweb.io/t/costume-components-draggable-list/3471/29 "2023-12-21T18:40:38Z")
Hi! Someone can help me? I wanted to use a draggable list (whether or not using the Stackable element), but for the list of items to be horizontal (imagine the Columns element, but for it to be draggable)ā€¦ The Stackable element does not have the option to place items arranged horizontally. If I place a Collection List inside the Stackable Items part, the result repeats all items in all lists. I believe that if the Stackable element itself had the items arranged horizontally, it would be great. My ultimate goal is to have a single 3x3 matrix where I can drag objects between them. There must be some way to do this, but I canā€™t seem to succeed in this mission. šŸ«  ---
**Author:** ![matt-thrive](https://avatars.discourse-cdn.com/v4/letter/m/bcef8e/32.png) [@matt-thrive](https://community.weweb.io/u/matt-thrive)\ **Post date:** [March 18, 2025, 7:23pm UTC](https://community.weweb.io/t/costume-components-draggable-list/3471/30 "2025-03-18T19:23:43Z")
Have you been successful in enabling/disabling specific columns from being draggable? In my case I want to disable draggable on a specific column. ---
**Author:** ![thijs](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/thijs/32/13651_2.png) [@thijs](https://community.weweb.io/u/thijs)\ **Post date:** [June 20, 2025, 3:57pm UTC](https://community.weweb.io/t/costume-components-draggable-list/3471/31 "2025-06-20T15:57:04Z")
> [@Broberto](#): > > that youā€™ve been able to make this happen with nocode. Iā€™ve been working on my own component for a while now, Iā€™m just perfecting the bugs. Iā€™m also doing multiple lists (5 for the morning, 5 for the afternoon, and one general wher Hi @Broberto , Iā€™m looking for something thatā€™s basically identical to the screenshot youā€™ve shared - this is what I have in mind: [[https://www.youtube.com/watch?v=QsCxII4bylw](https://www.youtube.com/watch?v=QsCxII4bylw)](demo between 15:30 - 15:50) Specific about this example video is that it looks simple by ONLY showing the card and ā€˜targetingā€™ a date on the calendar (it does nothing fancy during dragging, like live processing the card into the calendar). **My question to you: do you have a no/low-code version of this drag-and-drop functionality - and if so is there a way for me to copy it?** Note that the first video of this thread shows too much coding for my taste - I really need something that can be visualized in the Weweb Editor. Thanks! ---
**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\ **Post date:** [June 20, 2025, 6:53pm UTC](https://community.weweb.io/t/costume-components-draggable-list/3471/32 "2025-06-20T18:53:19Z")
Hi, I donā€™t think there is a solution without coding, your case is very specific. ---
**Author:** ![thijs](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/thijs/32/13651_2.png) [@thijs](https://community.weweb.io/u/thijs)\ **Post date:** [June 26, 2025, 7:58am UTC](https://community.weweb.io/t/costume-components-draggable-list/3471/33 "2025-06-26T07:58:11Z")
Hi all, It can be done. After some hints I was able to build this. ![demo-planning](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/20a0f9fa0a6a6d00ef8c282890db8c5c36ffaedd.gif) [Previous page](https://community.weweb.io/t/costume-components-draggable-list/3471.md?page=1)