|
Title: [ASK] Draggable overflow scroll Post by: budimanlai on January 18, 2014, 08:54:31 PM Hi All,
I have a tree and 1 div container for drag and drop. the node can drag and drop to this container. after the node drop to container, it will change to div box (have a table name, list of fields, list of primary key, etc). we can drag this box also inside div container. the problem is if i move (drag) div box and the div box area through div container area, the div container not show scrollbar. my question is how to make jeasyui draggable like jquery-ui draggable. example: http://jqueryui.com/draggable/ --> choose "default functionality" you can drag the box and if the box through the container, the container automatically show scrollbar. sorry for my bad english :D regards, Budiman Title: Re: [ASK] Draggable overflow scroll Post by: stworthy on January 19, 2014, 07:41:11 AM Add 'position:relative;overflow:auto' style to the div container and you will be able to drag a element within this container.
Code: <div style="position:relative;border:1px solid #ccc;width:400px;height:400px;overflow:auto"> Title: Re: [ASK] Draggable overflow scroll Post by: budimanlai on January 20, 2014, 12:42:55 AM Add 'position:relative;overflow:auto' style to the div container and you will be able to drag a element within this container. Code: <div style="position:relative;border:1px solid #ccc;width:400px;height:400px;overflow:auto"> Wow, cool. worked. thanks Title: Re: [ASK] Draggable overflow scroll Post by: budimanlai on February 07, 2014, 02:05:50 AM Hi stworthy,
Now, I develop some application like MySQL WorkBench which I use jeasyui for UI Layout and jsPlumb as draggable table element (every table can connect to other table and every table can draggable). jsPlumb use jQuery-UI Draggable plugins for his draggable handle. How to combine jeasyui (draggable) with jsplumb (draggable)? Regards, |