34
Views
2
Comments
Solved
[Sortable AF] Drag and drop an editable text field (like site Asana do on tasks)
sortable-af
Reactive icon
Forge asset by Greg Whitten
Application Type
Reactive

Hello,

I'm beginner in Outsystems and it is very hard to find a forge component that can help-me. I need to develop a kind of Asana task funcionality. Drag and drop an editable field. The Sortable AF forge component is the most closer that I found to do that (but not editable text). But I dont know how I can implement de editable functionality on de same page that I'm drag and dropping. Please could you give some idea if is it possible with this component or if is really possible in Outsystems? Thanks in advance.

2024-01-04 15-15-51
Abed Al Banna
Solution

Hi @Elaine Guimaraes 

To achieve that, an editable drag and drop, you can create a list, add to that list an expression and an input field (depending on your use-case), then add the SortableList after that list.

Make sure you give your list a name, since you will need to pass the ID of that list to the SortableList for it to work. I will attach a screenshot of the implementation and what it would look like in the browser.

Implementation:


Result:


2023-06-17 23-16-53
Elaine Guimaraes

Hi Abed,

Thank you so much but not sure If work in my use case.

I have a project and inside this, I have Sections and Tasks. I have a list of Tasks inside Sections (Like Microsoft Project or Asana). 

This thasks I need to can move it into other Sections or only reorder taks AND inside this list I need to can edit task or Sections description mame directly (something like innerHTML DOM).

Have other widget that helps me with this?

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.