133
Views
6
Comments
Solved
link edit form in the same page using user id
Application Type
Reactive

Hi All,

I've been trying to create a user access page with a edit form in the same screen. I'm able to make this work using two screens, but not on the same screen.

Context:
Left side shows table of users with project that they have access to. SGID will be a link, when it is clicked, all the details will be shown in the right side form (of the clicked user) to make changes if needed. By default the form on the right side will be empty. It will fill information only when a particular SGID (or User name) is clicked. 

The right side form is a block ( can be changed if required) :

I wanted to pass the clicked User's SGID based on which the details will be filled in the form. and then on Save will update the whole table (this might be a wrong way to update).

ProjectPerUser Entity:

I could make this work using two screens, but this increased the Application Objects (AO). I have to make this in one screen only.

Any suggestion/help is appreciated. If any thing else is needed, please ask.


Thanks & Regards,

Aman Devrath

UserImage.jpg
vikas sharma
Champion
Solution

Hi,

You can use the MasterDetail widget to do the work in single screen.

regards

2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP
Solution

I agree with Vikas, here is the official documentation about the master detail widget 

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Mobile_and_Reactive_Patterns/Adaptive/Master_Detail

Regards,

Daniel 

2024-04-15 16-08-47
Aman Devrath

Thank you @Vikas Sharma  and @Daniël Kuhlmann ,

This was very easy to achieve. 

Thank you for the help.


Regards,

Aman

2023-10-21 19-42-11
Tousif Khan
Champion
Solution

Hello 

You can achieve it you just have to pass correct parameters when click on employee and on a handler you need to refresh the aggregate if your table is on screen, screen will behave as parent for block

I am also attaching sample Oml have a look

EmoloyeeMasterSample

I hope this helps

Best Regards

Tousif Khan

DemoApplication_Sampple_POC.oml
2024-04-15 16-08-47
Aman Devrath

Hi @Tousif Khan ,

This helped me. But I found MasterDetail a simpler approach. Marking this as a solution as well for others when they see the question.

Thank you,

Aman Devrath

2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP
Solution
UserImage.jpg
vikas sharma
Champion
Solution

Hi,

You can use the MasterDetail widget to do the work in single screen.

regards

2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP
Solution

I agree with Vikas, here is the official documentation about the master detail widget 

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Mobile_and_Reactive_Patterns/Adaptive/Master_Detail

Regards,

Daniel 

2024-04-15 16-08-47
Aman Devrath

Thank you @Vikas Sharma  and @Daniël Kuhlmann ,

This was very easy to achieve. 

Thank you for the help.


Regards,

Aman

2023-10-21 19-42-11
Tousif Khan
Champion
Solution

Hello 

You can achieve it you just have to pass correct parameters when click on employee and on a handler you need to refresh the aggregate if your table is on screen, screen will behave as parent for block

I am also attaching sample Oml have a look

EmoloyeeMasterSample

I hope this helps

Best Regards

Tousif Khan

DemoApplication_Sampple_POC.oml
2024-04-15 16-08-47
Aman Devrath

Hi @Tousif Khan ,

This helped me. But I found MasterDetail a simpler approach. Marking this as a solution as well for others when they see the question.

Thank you,

Aman Devrath

UserImage.jpg
Shamshad Akther

You need to use OnParameterChanged method in the web block to refresh the content of the form on every SGID clicked. You can use the data action/ aggregates to fetch the data from database with input parameter (SGID) and refresh the content of the form.

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