Comments (3)
Hey @jdittrich !
Thanks for raising an issue and helping out, it's much appreciated.
A couple of others have brought this up. I'm struggling to see an easy work around this one for sure.
I think one way could be to almost add wrappers and placeholders for the items then adding some more complex logic to the drag events which are basically going to push all other items down when an item is dragged over an item leaving an empty placeholder to be left to be dropped in. This is going to mean when creating an item, creating the placeholder too and that placeholder will have to travel with the item when it is dragged between columns I think enabling this desired behaviour.
What are your thoughts on this? Does that sound like one way to tackle the issue?
from tyto.
Hey @jh3y,
The behaviour suggested makes a lot of sense and is similar to the one applied when e.g. sorting browser tabs. However, as you say, it's a bit complex. In such cases, I had rather good experiences with jQuery+jQueryUI.
Check out this example: http://jqueryui.com/sortable/#portlets (see below for a screenshot of their demo)
It seems to match what it is needed very well and works technology- and usability-wise rather nicely. While I know about the cons of including additional libraries, I think it's worth it in this case.
from tyto.
Hey,
Yeah I am familiar with jQuery sortable. I have used it in the past to create a dashboard full of widgets and stuff. It is certainly an option.
It will be interesting to see if there is a simple way of just adding sortable on top of what is already in place or if there is a simple bit of logic that could be added without the need for additional libraries. We make the assumption it will be complex to get working but it might not be the case.
Of course it is the case of getting some time to have a go with these issues and prioritising them accordingly.
from tyto.
Related Issues (20)
- Exported files cut off after '#' character HOT 6
- feature request: allow to change color of notes HOT 3
- Bug: Undo move column
- Mobile view HOT 1
- MongoDB option HOT 6
- Track changes in boards HOT 1
- Time tracking on tasks?
- Move over to gulp HOT 1
- Change implementation to MVC framework HOT 1
- Markdown edit support
- No option to Add/Create a board HOT 6
- Board not available in other browser HOT 1
- Improvements
- Create web app manifest
- Suggestions Feature HOT 1
- Setting an empty title yields it uneditable HOT 1
- Setup Problem HOT 2
- view.ui.columnContainer.sortable is not a function
- embedding images HOT 3
- Embedded images render larger than container
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tyto.