Modify CSS/HTML for drag and drop visual workflow

Closed Posted 7 years ago Paid on delivery
Closed Paid on delivery

We need help to build a HTML/CSS that allow us to visualize a drag&drop flow dynammically, with certain html. It should keep the diagram easy to understand when user adds new blocks to the flow or removes them, and draw the connections properly when it changes. Also, should keep the same hover and click behaviour than in the example below.

We have a first version or example that you can check at [login to view URL] As you can see, you can drag and drop the elements and the tree is generated automatically. The problem with this example is that it does not allow to merge branches after a fork. The flow is sequential and does not allow to have feedback in any case, but needs to merge branches at the end of every fork. When you drop an IVR element to the tree, both branches are generated successfully as you can check, but a third empty box should appear, merging both branches (see uploaded files with example images about how it should behave).

In uploaded pictures it shows what the goal is as an example with a couple of branches, but it should work with unlimited branches and complexity. Considering you just fresh opened the URL example, if you add a "ivr" box to the first empty box, the first image explains the expected result. After dropping a "play" an then a "read" to the right branch, the expected result is in the second image. After this, adding below the read we just dropped a ivr element, the expected result is in third image.

If you have any questions, do not hesitate to contact me. Thanks,

CSS HTML JavaScript

Project ID: #13890505

About the project

16 proposals Remote project Active 6 years ago

16 freelancers are bidding on average $47 for this job

andrewhudik

Hello, your project looks very simple, but I have some additional questions: 1) current version allows to replace already filled boxes with new values. Thus, if you made a chain of 3 boxes (ex: read - play - pla More

$40 USD in 1 day
(40 Reviews)
5.7
iitsolutions

I am ready to do it right now and will finish this very soon. I will start work just after awarding this project. Please contact me if you want quick response and best quality. Thanks.

$50 USD in 1 day
(24 Reviews)
5.2
SofTechPEDIA

We've dedicated team of experts to deliver quality solution within your time frame. I can answer your queries on CHAT. Looking forward to work on your project.

$40 USD in 1 day
(2 Reviews)
3.5
ganupam021

Hello Friend, I am web developer in php and good web designer. I am follow the software development approach requirement gathering and analysis, design, implementation or coding,testing,deployment,Maintenance.I eas More

$25 USD in 1 day
(1 Review)
2.3
MeetHirpara

Hi, Can we discuss the project? I am available any time for your query, I have an expert in web developing and Web designing. I would love to have the opportunity to discuss your project with you. I believe More

$66 USD in 5 days
(0 Reviews)
0.0
Sayani17989

A proposal has not yet been provided

$15 USD in 3 days
(0 Reviews)
0.0