Need some work done? Post a Project Today
We have a basic 4-component UI framework which provides static widget functionality (label, input, radio, checkbox, groupbox, etc.).
What we need now is to add drag and drop support to this framework such that components can be dragged from one groupbox to another. A more detailed explanation / instructions are in the provided documentation, but the basic idea is this: The UI is composed of one or more group boxes. Each contains multiple entry fields or nested groupboxes. Each entry field is composed of a label and zero or more linked widgets. A user would then be able to drag such a label and all its widgets from one groupbox to another.
The required drag & drop is partially done through use of jQuery UI components in this framework so the actual work requires you to use this capability and implement drag & drop such that it is clear that the user is dragging the whole set of linked widgets together as well as where the entire group would »land« in originating or any other groupbox of user's choice.
In addition to that we also need some code cleanup on two of the components using coding example provided.
The end result should work on all major desktop and mobile browsers.