# Not sure if its me or if Elements can accommodate freeform drag and drop

**URL:** <https://forums.realmacsoftware.com/t/not-sure-if-its-me-or-if-elements-can-accommodate-freeform-drag-and-drop/45541>\
**Category:** Elements API\
**Created:** [December 8, 2024, 9:49am UTC](https://forums.realmacsoftware.com/t/not-sure-if-its-me-or-if-elements-can-accommodate-freeform-drag-and-drop/45541 "2024-12-08T09:49:46Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [December 8, 2024, 9:49am UTC](https://forums.realmacsoftware.com/t/not-sure-if-its-me-or-if-elements-can-accommodate-freeform-drag-and-drop/45541/1 "2024-12-08T09:49:46Z")

</div>

ok I am in the middle if getting chatgtp to create this, I can do most of this myself but all from sliders, thought I would dry draggable boxes, working adding the ui controls into the code, chatgtp said it could if I provide the format to interface, move size bg border etc, it is also touch as well as mouse. so not sure what is going on, it works in Nova as shown in video

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [December 8, 2024, 9:56am UTC](https://forums.realmacsoftware.com/t/not-sure-if-its-me-or-if-elements-can-accommodate-freeform-drag-and-drop/45541/2 "2024-12-08T09:56:30Z")

</div>

all the buttons will be removed and just a switch to turn on off to drag drop  
resize add image etc so can reedit, as long as chatgtp can complete, no boxes at start will be blank

---

<div class="post-metadata">

**Author:** ![Flash](https://avatars.discourse-cdn.com/v4/letter/f/f475e1/32.png) [@Flash](https://forums.realmacsoftware.com/u/Flash)\
**Post date:** [December 8, 2024, 12:55pm UTC](https://forums.realmacsoftware.com/t/not-sure-if-its-me-or-if-elements-can-accommodate-freeform-drag-and-drop/45541/3 "2024-12-08T12:55:25Z")

</div>

This is cool. I wonder what the final output looks like?

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [December 8, 2024, 1:29pm UTC](https://forums.realmacsoftware.com/t/not-sure-if-its-me-or-if-elements-can-accommodate-freeform-drag-and-drop/45541/4 "2024-12-08T13:29:30Z")

</div>

This approach provides you with full flexibility to control every aspect of the Ul through JSON-based configuration, realtime updates, and programmatic interactions.

**If I edit your code with the controls and you rewrite and check before I implement then correct on my feedback** my current question to chatgtp, I had already introduced a couple of UI controls

Yes, absolutely! You can edit the code to include your JSON-based controls, and I’ll review and rewrite it for correctness and optimization before you implement it. Once you provide your edited version, I’ll ensure it aligns with your requirements and fix any issues based on your feedback.

Feel free to share the modified code when ready!

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [December 8, 2024, 1:49pm UTC](https://forums.realmacsoftware.com/t/not-sure-if-its-me-or-if-elements-can-accommodate-freeform-drag-and-drop/45541/5 "2024-12-08T13:49:14Z")

</div>

ok left the switch is in here for now and left live positions in

this may continue to work, still have to get chat to create a line of tailwind UI controls

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [December 8, 2024, 2:09pm UTC](https://forums.realmacsoftware.com/t/not-sure-if-its-me-or-if-elements-can-accommodate-freeform-drag-and-drop/45541/6 "2024-12-08T14:09:28Z")

</div>

this I think will not work but good exercise for me, when I export the Elements version it works in preview, I assume this will not work in preview, a I thought before maybe only a user interface view once published

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [December 9, 2024, 8:34am UTC](https://forums.realmacsoftware.com/t/not-sure-if-its-me-or-if-elements-can-accommodate-freeform-drag-and-drop/45541/7 "2024-12-09T08:34:49Z")

</div>

This is really cool - it’s pretty amazing what you can build with a few lines of Javascript 😃

Just a note that Elements will not execute any javascript in the editor - so whilst you’re in the app you’re javascript code will not work. However, this would work in preview/published sites!

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [December 9, 2024, 11:19am UTC](https://forums.realmacsoftware.com/t/not-sure-if-its-me-or-if-elements-can-accommodate-freeform-drag-and-drop/45541/8 "2024-12-09T11:19:52Z")

</div>

@ben thanks yes I realised it will not execute. But will work for a visitor to the site for an interactive website which is cool

Also it can write the tailwind code to drop back to Elements
