Skip to main content
Tonysalvador
Participating Frequently
August 19, 2021
Question

How to add drag and drop interactivity to a website

  • August 19, 2021
  • 2 replies
  • 396 views

I want to build a website for a balloon store. On this website, I'd like for customers to be able to drag and drop pictures of balloons into a window and arrange the pictures however they want; this feature will help customers better visualize what balloons they want, and how they can arrange each balloon, balloon bouquet, etc. I've looked and looked for tutorials on how to do this, but haven't found anything for exactly what I want to make. Any help, tutorials, etc., are greatly appreciated.

This topic has been closed for replies.

2 replies

B i r n o u
Legend
August 20, 2021

depending on your ability to use code, you can either code everything from scratch or rely on a dedicated library.

here are two starting point

https://www.linkedin.com/learning/html5-l-api-drag-and-drop/bienvenue-dans-html5-l-api-drag-and-drop

https://shopify.github.io/draggable/

 

Tonysalvador
Participating Frequently
August 21, 2021

I'll try these out; thanks, Birnou! Really appreciate it.

Nancy OShea
Community Expert
Community Expert
August 20, 2021

Dreamweaver has no such features out of the box.  You need to manually program interactivity with code if you're capable of doing it.  Or you can hire an experienced developer who can.

 

Good luck!

 

Nancy O'Shea— Product User & Community Expert
Tonysalvador
Participating Frequently
August 21, 2021

Thanks, Nancy! I'll look into those options; greatly appreciate your help.