# Web 2.0: Drag & Drop Web Container Using jQuery

**URL:** <https://forum.xojo.com/t/web-2-0-drag-drop-web-container-using-jquery/71485>\
**Category:** Web\
**Created:** [August 2, 2022, 1:46pm UTC](https://forum.xojo.com/t/web-2-0-drag-drop-web-container-using-jquery/71485 "2022-08-02T13:46:21Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hanif\_Saad](https://forum.xojo.com/letter_avatar_proxy/v4/letter/h/a4c791/32.png) [@Hanif\_Saad](https://forum.xojo.com/u/Hanif_Saad)\
**Post date:** [August 2, 2022, 1:46pm UTC](https://forum.xojo.com/t/web-2-0-drag-drop-web-container-using-jquery/71485/1 "2022-08-02T13:46:22Z")

</div>

Hi guys. Anybody has example / ever worked on how to implement Drag & Drop of web containers using jQuery in Web 2.0?

Best regards

---

<div class="post-metadata">

**Author:** ![Lars\_Lehmann](https://forum.xojo.com/user_avatar/forum.xojo.com/lars_lehmann/32/11818_2.png) [@Lars\_Lehmann](https://forum.xojo.com/u/Lars_Lehmann)\
**Post date:** [August 2, 2022, 2:37pm UTC](https://forum.xojo.com/t/web-2-0-drag-drop-web-container-using-jquery/71485/2 "2022-08-02T14:37:30Z")

</div>

Hey, yes I did. It is super easy, if you know a bit of JS and jQuery.

I made a test project here

> **[GitHub - VanDerLars/Xojo-Drag-and-Drop-Dialog: A super simple implementation...](https://github.com/VanDerLars/Xojo-Drag-and-Drop-Dialog)**
>
> A super simple implementation of jQuery and jQuery UI to drag and and drop web dialogs in Frame 2.0 - GitHub - VanDerLars/Xojo-Drag-and-Drop-Dialog: A super simple implementation of jQuery and jQue...

What are your specific questions?

---

<div class="post-metadata">

**Author:** ![Hanif\_Saad](https://forum.xojo.com/letter_avatar_proxy/v4/letter/h/a4c791/32.png) [@Hanif\_Saad](https://forum.xojo.com/u/Hanif_Saad)\
**Post date:** [August 2, 2022, 4:21pm UTC](https://forum.xojo.com/t/web-2-0-drag-drop-web-container-using-jquery/71485/3 "2022-08-02T16:21:50Z")

</div>

Thanks Lars! The samples works flawlessly in Microsoft Edge. However, it kind of work unstably in Chrome. But i will try to expand the example that you have shown

---

<div class="post-metadata">

**Author:** ![Hanif\_Saad](https://forum.xojo.com/letter_avatar_proxy/v4/letter/h/a4c791/32.png) [@Hanif\_Saad](https://forum.xojo.com/u/Hanif_Saad)\
**Post date:** [August 2, 2022, 4:23pm UTC](https://forum.xojo.com/t/web-2-0-drag-drop-web-container-using-jquery/71485/4 "2022-08-02T16:23:22Z")

</div>

Basically i am trying to implement the widget positioning and selection for one of my app

 ![image](https://forum.xojo.com/uploads/default/original/2X/a/a947551f4ca79cc9732ed8f57011bde10f2db6ef.png)

Currently the widgets are positioned manually. It will be good if i can implement drag and drop using jQuery.

 ![image](https://forum.xojo.com/uploads/default/original/2X/e/e793578b646dccce419bfe2b35e03ae7f0c78c90.jpeg)  
 ![image](https://forum.xojo.com/uploads/default/original/2X/e/e423e33bdce138766606fba5d572dab9aef354d5.png)