actionSheet
Version and device compatibility
actionSheetwas introduced in version 4.15.0 of the JourneyApps Container.- Support for `icon` and `color` was added in version 4.34.6 of the JourneyApps Container.
- Further visual updates were done in version 4.76.0 of JourneyApps Runtime.
- Compatible with all devices.
JourneyApps supports displaying Action Sheets to the user. Action Sheets need to be triggered from JavaScript/TypeScript.
var result = actionSheet(items, options);
The
actionSheet() function will block until the user selects an option or cancels the modal. The function returns the index of the option selected, starting from 0 or -1 if the actionSheet was canceled.Parameter | Required | Details |
|---|---|---|
items | Required | An array of:
|
options | Optional | An object with one or more of the following properties:
|
var result = actionSheet(['Edit', 'Move', 'Delete'], {title: 'Modify job'})
var result = actionSheet(
[
{ text: 'Edit', icon: 'fa-edit' },
{ text: 'Move', icon: 'fa-arrows-alt' },
{ text: 'Delete', icon: 'fa-trash' }
],
{ title: 'Modify job' }
);
If you use an
on-press in an object-table or object-list, specify icon="ion-more" in the action attribute. This will cause the table or list's action button to display as three dots, indicating to the user that a list of actions will display.
For more information, see the object-table and object-list reference documentation.Last modified 9mo ago