How to create a user profile page and allow them to manage theirr profile

Phillip Mashingaidze

Solved

Question

I'm new to Outsystems and I want to develop a membership page in which each member have access to his/her profile only and they can update things like profile pictures ,Name , descriptions

I'm asking for help to implement that logic

06 Oct 2020

Leandro Correa

Solution

Hi Phillip,

Create a extended table for the User table to storage the complement data with a 1-to-1 relationship.

See the documentation.

https://success.outsystems.com/Documentation/11/Developing_an_Application/Use_Data/Data_Modeling/Entity_Relationships/Create_a_One-to-One_Relationship

https://www.youtube.com/watch?v=_U_W5W26JTU

You can create a UserDetail page to edit the User table, just drag and drop the table to mainflow (Interface tab). Finally, customize the UserDetail page with the fields that users will can edit.

In the Fetch Data or Preparation you can use the GetUserId() function to take the logged user id.

Take a look at the attached sample.

Best regards,

Leandro.

See solution in context

Sample.oml

06 Oct 2020

Agno Silveira

MVP

Hi Phillip,

I believe you will have to create something from scratch, but you can try to find an example in Forge,

see this componentes:

https://www.outsystems.com/forge/component-overview/651/profile-utils

https://www.outsystems.com/forge/component-overview/8657/tcenter-user

Maybe help you.

I hope it helps

Regards.

06 Oct 2020

Leandro Correa

Solution

Hi Phillip,

Create a extended table for the User table to storage the complement data with a 1-to-1 relationship.

See the documentation.

https://success.outsystems.com/Documentation/11/Developing_an_Application/Use_Data/Data_Modeling/Entity_Relationships/Create_a_One-to-One_Relationship

https://www.youtube.com/watch?v=_U_W5W26JTU

You can create a UserDetail page to edit the User table, just drag and drop the table to mainflow (Interface tab). Finally, customize the UserDetail page with the fields that users will can edit.

In the Fetch Data or Preparation you can use the GetUserId() function to take the logged user id.

Take a look at the attached sample.

Best regards,

Leandro.

Sample.oml

06 Oct 2020

Mexan Adour

Hello, I would like to allow the user to be able to change the profile picture.

Any advice for this.

Thanks in advance

Mexan

Capture d’écran 2023-01-11 à 15.38.15.png

11 Jan 2023

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

See the full guidelines