Component Actions
This reference follows the groups and Actions shown under Component in the Action menu. Some Actions combine several underlying operations into one menu item; the options available in the editor are documented as parameters of that Action.
| Category | Actions |
|---|---|
| Conditional view | Switch conditional view |
| Inputs | Set inputs value, Reset inputs value |
| List | Refresh data source, Refresh item, Load more, Scroll list |
| Image | Full-screen image |
| Table | Export table |
| Layout view | View to image, Set fold mode |
| Video control | Video control |
| Audio control | Audio control |
| Lottie control | Lottie control |
| — | Print component |
Conditional view
Switch conditional view
Show a selected view inside a conditional view component.
Parameters
| Parameter | Type | Required | Description |
|---|---|---|---|
| Conditional view | Component | Yes | Conditional view component to update. |
| Switch to | View | Yes | View to display. |
Results
None.
How it works
The Action changes the active view without navigating away from the page. If the conditional view is also controlled by a condition, a later data update may cause the condition to select another view.
Errors
- The Action has no effect when the selected conditional view is not rendered.
Examples
Switch between sign-in and registration forms
- Add a conditional view with Sign in and Register views.
- Add Component → Conditional view → Switch conditional view to the registration link.
- Select the conditional view and switch to Register.
Inputs
Set inputs value
Set the current value of a Text input, Number input, Data selector, Date & time picker, Custom selector, or Switch. The value type must match the selected component.
Parameters
| Parameter | Type | Required | Description |
|---|---|---|---|
| Component | Component | Yes | Input component whose value will be changed. |
| Value | Depends on the component | Yes | New value, provided as a fixed value or data binding. |
Results
None.
How it works
Momen writes the value to the selected component. If the value changes, the component’s value-change trigger may run.
Errors
- The Action has no effect when the selected component is not rendered.
- A value with an incompatible type cannot be assigned to the component.
Examples
Clear a search input
- Add Set inputs value to the clear button.
- Select the search input.
- Set Value to an empty string.
Reset inputs value
Restore a Text input, Number input, Data selector, Date & time picker, Custom selector, Switch, Rich text editor, Image picker, or Video picker to its initial empty or default value.
Parameters
| Parameter | Type | Required | Description |
|---|---|---|---|
| Component | Component | Yes | Input component to reset. |
Results
None.
How it works
The Action resets the selected component. Whether this also runs the component’s value-change trigger depends on the component type.
Errors
- The Action has no effect when the selected component is not rendered.
Examples
Reset a form after submission
Add one Reset inputs value Action for each input that should return to its initial state after the form is submitted successfully.
List
Refresh data source
Run the selected list’s query again. This is the same Refresh data source Action available under Client & page.
See Client and Page Actions: Refresh Data Source for parameters and behavior.
Refresh item
Refresh one item in a list without reloading the entire list.
Parameters
| Parameter | Type | Required | Description |
|---|---|---|---|
| List | Component | Yes | List containing the item. |
| List item index | Integer | Yes | Index of the item to refresh. |
Results
None.
How it works
Momen requests the item again and updates that position in the list. The list must use a database or API data source.
Errors
- An empty or invalid index prevents the refresh.
- Lists backed only by variables or local arrays are not refreshed.
Examples
Refresh a liked item
After the like request succeeds, add Refresh item and bind List item index to the current item’s index.
Load more
Request the next page of data and append it to the list.
Parameters
| Parameter | Type | Required | Description |
|---|---|---|---|
| List | Component | Yes | List that will load its next page. |
Results
None.
How it works
The Action uses the list’s existing query and pagination settings. It appends the returned items without changing the current scroll position.
Errors
- The target list must use a data limit or pagination configuration.
Examples
Add a load-more button
Add Load more to a button below the list, then select the list as the target.
Scroll list
Scroll a list to its top, bottom, previous item, next item, or a specified index.
Parameters
| Parameter | Type | Required | Description |
|---|---|---|---|
| List | Component | Yes | List to scroll. |
| Scroll to | Enum | Yes | By index, List bottom, List top, Next item, or Previous item. |
| List item index | Integer | Required for By index | Index of the target item. |
Results
None.
How it works
Momen calculates the target position from Scroll to and moves the selected list to that position.
Errors
- Next item and Previous item are unavailable when the list has no data limit.
- An invalid index prevents By index from locating an item.
Examples
Scroll a chat to the latest message
After a message is sent, add Scroll list, select the message list, and set Scroll to to List bottom.
Image
Full-screen image
Open the current image in a full-screen viewer.
Parameters
None.
Results
None.
How it works
Add the Action to an image component. When the Action runs, Momen opens that image in the full-screen viewer.
Errors
- The viewer cannot open an empty image value or an image that failed to load.
Examples
Preview a product image
Add Full-screen image to the product image’s click trigger.
Table
Export table
Download the data shown by a table as a CSV file. This Action is available on Web.
Parameters
| Parameter | Type | Required | Description |
|---|---|---|---|
| Table | Component | Yes | Table whose data will be exported. |
Results
None. The browser starts the file download.
How it works
Momen exports the data matching the table’s current query and filters. Fields that cannot be represented in CSV are omitted.
Errors
- The Action cannot export a table that is not rendered.
Examples
Export a filtered report
Add Export table to an export button and select the report table. The downloaded file uses the table’s current filters.
Layout view
View to image
Convert a custom view or layout view into an image.
Parameters
| Parameter | Type | Required | Description |
|---|---|---|---|
| View | Component | Yes | Custom view or layout view to convert. |
Results
The generated image is available to Actions under On success.
How it works
Momen renders the selected view as an image. Add System → File → Download image under On success when the image should be downloaded.
Errors
- Images or other content that have not finished loading may be missing from the result.
- Playing video is not included in the generated image.
Examples
Generate and download a poster
- Add View to image and select the poster view.
- Under On success, add Download image.
- Bind the image parameter to the result of View to image.
Set fold mode
Set a layout view to folded, unfolded, or its neutral state.
Parameters
| Parameter | Type | Required | Description |
|---|---|---|---|
| View | Component | Yes | Layout view with folding enabled. |
| Fold mode | Enum | Yes | None, Folded, or Unfolded. |
Results
None.
How it works
Only views configured to support folding can be selected.
Errors
- A view without folding enabled cannot be used as the target.
Examples
Expand an FAQ answer
Add Set fold mode to the question title, select the answer view, and choose Unfolded.
Video control
Play, pause, or stop a video component.
Parameters
| Parameter | Type | Required | Description |
|---|---|---|---|
| Video component | Component | Yes | Video component to control. |
| Operation | Enum | Yes | Play, Pause, or Stop. |
Results
None.
How it works
The selected operation updates the playback state of the target video.
Errors
- The Action has no effect when the selected video is not rendered.
Examples
Stop a video when its modal closes
Add Video control before closing the modal, select the video, and choose Stop.
Audio control
Play, pause, or stop audio from a URL.
Parameters
| Parameter | Type | Required | Description |
|---|---|---|---|
| Audio | Text | Yes | Audio URL, provided as fixed text or a data binding. |
| Operation | Enum | Yes | Play, Pause, or Stop. |
| Loop | Boolean | No | Repeat the audio when Operation is Play. |
Results
None.
How it works
The audio URL can come from a text value or the URL of a file field. Audio playback is not tied to a specific audio component.
Errors
- An empty or invalid audio URL cannot be played.
Examples
Play a button sound
Add Audio control, choose Play, bind the audio URL, and leave Loop disabled.
Lottie control
Play, pause, or stop a Lottie component.
Parameters
| Parameter | Type | Required | Description |
|---|---|---|---|
| Component | Component | Yes | Lottie component to control. |
| Operation | Enum | Yes | Play, Pause, or Stop. |
Results
None.
How it works
The selected operation updates the playback state of the target Lottie animation.
Errors
- The Action has no effect when the component is not rendered.
- An invalid or missing animation file cannot be played.
Examples
Show a loading animation
Start the Lottie animation before the request, then add another Lottie control Action with Stop after the request completes.
Print component
Open the browser’s print dialog for a selected component. This Action is available on Web.
Parameters
| Parameter | Type | Required | Description |
|---|---|---|---|
| Component | Component | Yes | Rendered component to print. |
Results
None.
How it works
Momen opens a print view containing the selected component and then displays the system print dialog.
Errors
- The component must be rendered on the current page.
- A browser may block the print view if pop-up windows are disabled.
Examples
Print an invoice
Add Print component to the print button and select the invoice component.