Editable fields for user profile page

Hi guys,

How would I make this fields editable so the user can go to their profile page and update their data instantly by clicking the “edit profile” pencil?

1 Like

You have 2 ways.

1 - replace the text element to an input and enable auto binding. Keep the initial content the data field.

2 - using a hide group with inputs and using a conditional to show. After click save, hide group and save changes.

1 Like

thanks a lot. for auto binding. I want to use a button which enables editing and one whoch saves the changes. Should I use autobinding for this or i have to go with your option 2?

1 Like

Leave autobing enabled, but leave the input disabled, and then only when the user clicks the “Edit profile” button can you have a custom state on your page or reusable, such as “profile_editing_is_on”, and then you use the button as a ‘toggle’, where when the custom state “profile_editing_is_on” is true, the inputs are enabled.

3 Likes

Excellent logic.

2 Likes