Skip to main content

Hey All!


Im working on a to-do-ish list app where tasks can be moved around categories when pressing a button. The task element is a component with 3 buttons. Each of those will open a pop-up (overlay in prototype) where the user can add information or just a confirmation overlay.


I would like to move the component element from one category to the other in my main screen as a result of which button is pressed. In essence:


-------------------------
| |
| Category A |
| TASK 1 |
-------------------------
| |
| Category B |
| |
-------------------------
| |
| Category C |
| |
-------------------------

Then you click the button done on task one

-------------------------
| |
| ------------------- |
| | | |
| | Are u sure? | |
| | y / n | |
| | | |
| ------------------- |
| |
-------------------------

Please confirm or this makes no sense anymore

-------------------------
| |
| Category A |
| |
-------------------------
| |
| Category B |
| TASK 1 |
-------------------------
| |
| Category C |
| |
-------------------------


I hope this stuff above works or this makes no sense.


I have a lot of dependencies and to make a fully functional proto would help a lot with dev and UX research; its just a lot of work to make what i need manually.


Thanks! Cheers.

There are many ways to achieve this:



  • Create Variants of the Categories and switch them after confirmation

  • Use Drag and Drop, so the confirmation comes after you drop the Task and remains there if Yes.

  • You can Show/Hide Task Elements on confirmation