116
Views
3
Comments
Solved
Custom Edit/Save mode inside a List
Question
Application Type
Reactive

Hi buddies,

I hope you're doing well.

I want to create an edit/save mode like this in OutSystems. (see image below)

What is happening is: This is a list and when the user clicks on the edit mode all the lines become editable, but I only want one line.

Is it possible to achieve that?

Let me know your thoughts.

Thank you,

FC

2021-09-06 15-09-53
Dorine Boudry
 
MVP
Solution

Hi @Fábio Miguel Ferreira Coelho ,

I'm assuming the write icon at the end puts it in edit mode ?  

If you only want a single line to be editable at any given time

  • you can have a single integer EditableRowNumber in the screen, being -1 by default
  • and being set to the CurrentRowNumber of the row you start editing.
  • when it is not = -1, all icons dissappear
  • in the row, you have an If to switch between edit mode and non-edit mode, and the condition of that If is CurrentRowNumber = EditableRowNumber
  • Once they say save (or undo) the changes are saved (or not) and the variable goes back to -1

See quick example of this in attached oml (the users screen), without actually saving anything, and only phone number editable, just to show how the ui could work.

If you want more than one row being edited at the same time, you'll need a boolean in each row to hold that information, a single integer won't be enough. And each row's If has it's own boolean as condition.

Dorine

QDR_Chart_v3_0_0_AdvancedFormat.oml
2022-10-11 21-19-04
Fábio Miguel Ferreira Coelho

Hi Dorine,

Thanks for your suggestion and works if you use only one list, but I have 3 lists.

A list with the "Value Name"

A list with all the values:

A list with the Years:


I share with you the data model

Let me know if this makes sense to you.

Thank you,

FC

2021-09-06 15-09-53
Dorine Boudry
 
MVP

Hi Fabio,

I'm not sure what you are asking is making sense.

you asked about a possible ui for doing inline edits in a table.  Whether you have 1 or 3 lists on a screen doesn't really matter, if this inline editing is what you want, you can repeat the same trick multiple times.

Are you asking to validate your whole UI design, as in 'this is my datamodel, how would I best design my ui for this' type of question ??  

That is much harder to answer, and is a matter of taste and asking your end users (or if this is just a learning project, put the hat of end-user on yourself)  

I personally don't like the idea of trying to cram a lot in a single page / list, both for UX as for maintainability/complexity reasons, but as I said, 'klant is koning', ask your users.

Dorine

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