I can't get this to work. I can move items, but items in the source as well as the target area affected by the dnd get hidden and don't reappear. The item arrays get adjusted just fine but the ui just does not render the contents properly
6:56 I see a GitHub repository in the description, where the code would be, but not a link to where you copied the code from (i.e. the docs for DND Action)?
In the items array mentioned in this video you can manually change any of the objects just like you would with a regular array in JavaScript. You just have to make sure that each item has a unique ID, but besides that you can manipulate the items array just like normal. Hopefully that answers your question! If you're curious on how the editing / saving works check out my to do list video here: ruclips.net/video/MnTfpmVzxQc/видео.html
Thanks so much for the comment Paul :). Svelte is pretty great! Lots of libraries (like this one) and its only growing, so hopefully my videos expose those to the new tech.
Tip. Don't just use duration-x with tailwindcss on the draggable items and avoid doing transition-all. do transition-colors transition-opacity duration-100 ... etc. if you don't the items will flicker like in the video.
This video helped me figure out the syntax for the DND action library, thanks man!
hey i hope im not to late, but is grid layout possible with this? for example a 3 by 3 grid?
I can't get this to work. I can move items, but items in the source as well as the target area affected by the dnd get hidden and don't reappear. The item arrays get adjusted just fine but the ui just does not render the contents properly
love your sveltekit content!! would love some more :)
6:56 I see a GitHub repository in the description, where the code would be, but not a link to where you copied the code from (i.e. the docs for DND Action)?
Nice content! I was wondering if you could make a collabration feature to the app some how! really needed!
great tutorial..... i was tring to make this work...
do you know how to dynamically add/ change elements in the list.... ?
In the items array mentioned in this video you can manually change any of the objects just like you would with a regular array in JavaScript. You just have to make sure that each item has a unique ID, but besides that you can manipulate the items array just like normal. Hopefully that answers your question! If you're curious on how the editing / saving works check out my to do list video here: ruclips.net/video/MnTfpmVzxQc/видео.html
Thank you, bro
Really great video, thank you 💯😃👍
Thanks so much, and you are welcome! Appreciate the comment :)
What about draging between arrays?
very well explained
Cool stuff once again! Keep it up man!
Thank you for the consistent support Ludvig, means a bunch! :)
Great tutorial - Svelte is pretty cool. 👌
Thanks so much for the comment Paul :). Svelte is pretty great! Lots of libraries (like this one) and its only growing, so hopefully my videos expose those to the new tech.
Thanks!
It is very useful, I will watch it later on, thank you 🙏🤓😘🤗😍🤩👍👏
Thanks so much for your support! :) Hope you enjoy!
Great! keep it up sir!
I will keep it up! Thank you for the comment :)
Tip. Don't just use duration-x with tailwindcss on the draggable items and avoid doing transition-all. do transition-colors transition-opacity duration-100 ... etc. if you don't the items will flicker like in the video.
Show with tanstack table