Actions

update-profile

4min

This action allows users to update specific information about themselves, which is displayed on the app's profile screen.

This action can be configured within a in various ways, such as: • An action button • A jig-header link or icon • An event, e.g., onPress

Configuration options

Some properties are common to all components, see Common component properties for a list and their configuration options.



Core structure



instanceId

Provide the action with an instanceId.

avatarUrl

Configure the property with an expression, datasource, or input to update the user's avatar.

displayName

Configure the property with an expression, datasource, or input to update the user's preferred name, for example, Rob instead of Robert.

firstName

Configure the property with an expression, datasource, or input to update the user's last name (surname).

lastName

Configure the property with an expression, datasource or input to update the user's name.

title

Defines the title for the action button, such as Update your details.

Examples and code snippets 

Update Profile details
Update Profile details


This example demonstrates how a form captures basic personal information and updates the profile screen when the user taps the 'Update' button, which triggers the action.update-profile.

actions-update-profile.jigx


This example demonstrates how a form captures basic personal information and updates the profile screen when the user taps the Profile Update link in the jig-header, which triggers the action.update-profile.

Update profile -header link
Update profile - header link

action-update-profile-header.jigx

Update profile - header icon
Update profile - header icon


This example demonstrates how a form captures basic personal information and updates the profile screen when the user taps the icon in the jig-header, which triggers the action.update-profile.

action-update-profile-header-icon.jigx


This example demonstrates how to use the onPress event with action.update-profile in a list-item to update the first and last names. The names come from a datasource and the avatar from a form containing an avatar component.

Update profile - onPress
Update profile - onPress event

action-update-profile-onpress.jigx
datasource