In my app a user should have the ability to place from 1 to 10 draggable objects in an area, and also reposition them.
The problem is that the object should keep their positions next time when the app will open.
Next I will describe how I thought achieving this:
For this purpose I am using a Dropzone that will cover most of the screen and a DraggableGroup.
1.) Store x,y coordinates in Database when click on the Dropzone area.
First we have to check the new field in the DroppableGroup A / Apearance (this feature should be included)
From Workflow click on “Click here to add an event…”
From Elements click on “Drop area is clicked” (this feature should be included)
Then choose Dropzone A
Add an action from Data(Things ) / Create a new thing…
Create a new Type, in my example “Positions” / Set a field to store X coordinate and from the dropdown list select DroppableGroup A.
Now because we checked “Store X,Y coordinate” in the Properties Panel at the beginning two new options will be available to choose from: “X coord” & “Y coord. (this feature should be included)
2.) Move the DraggableGroup to its new position.
For this we have to:
Add an action from Element Actions / Move a draggable group.
Select Element DroppableGroup A / Element to move to Dropzone A
And the 2 fields Offset top and Offset left should have the property to Insert Dynamic data so they can search the database. (this feature should be included)
After that we can create a new event for when Page is loaded, with the same properties as above to keep the new positions for the draggable objects next time when the app will be opened.
Probably there is a better solution to solve this problem, but whatever that will be it will help me very much in developing my app.
So please add this feature, if you think it’s possible and if it doesn’t involve much too work from your side.