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
Terms & ConditionsCookie settingsAccessibility statement