Who can help with drag&drop ?

[Lemoner]

Need to include drag&drop functions in my project.
There are 5 flex containers, wich needed to be replaced by long click -> drag & drop.
I can pay some money for result =)

This is an example of project:
https://yadi.sk/d/UriZOc32BOMNpA

[crispy68]

I'm not sure I follow exactly you are wanting to do. What do you mean by 'need to include drag&drop functions in my project'? When the project is previewed what is supposed to happen?

[Lemoner]

I need the the flex containers to move and change their places via drag&drop.

[crispy68]

I assume you mean within the workspace? You can re-arrange them by either using the Arrange tools (right clicking on the object also brings up the arrange tools), using the + or - button on the number pad or you can simply select the object and holding down the left mouse button drag the container to where you want it. Using the last method, you will see a dark line appear between each container indicating where it will be dropped to.

[Lemoner]

=) No
I mean than I need to implement HTML5 Drag&Drop function to this page. After publish this page users need to move this blocks in real-time.

[crispy68]

Ok.i understand. You want the user to be able to drag them around.

Need more info.

1. How do the layers appear when you first visit the page?

2. Are the layers/containers to be full width? Fixed size?

3. What is the reasoning for them to be draggable?

4. What kind of content will be inside? Text? images?

5. Do you have an example that would show what you are trying to do?

[Lemoner]

1. There are no any layers, only flex containers/layout grids.
2. Full width
3. This page will be personal page for users. They will change containers (info blocks) positions by dragging. Then I will save this params in my DB.
4. Any content
5. https://code.makery.ch/library/dart-drag-and-drop/
Look to Sortable Live Demo example.

[crispy68]

Have you see this extension? http://www.wysiwygwebbuilder.com/forum/ ... 53&t=62223

[Bucky108]

Check this out from W 3 schools:

https://www.w3schools.com/html/html5_draganddrop.asp