Actions

Actions define the behavior of the app in response to user interactions with the app's elements or widgets. These actions can be triggered by various user gestures (or touch), such as tapping on a button, selecting an option from a dropdown list, or submitting form, on page load.

Actions can be simple or complex, depending on the app's requirements. Simple actions might include displaying a message, navigating to a new screen, or updating the value of a variable. Complex actions might involve making an API call or integrating with other third-party services using custom actions.

By defining actions in response to user interactions, you can create more engaging and intuitive user experiences.

Available Actions

Action
Category
Description

API & Data

Execute methods from external libraries or custom integrations

API & Data

Trigger pre-configured API calls with success/error handling

UI & Interaction

Open, close, or toggle navigation drawer state

UI & Interaction

Modify navigation bar appearance and behavior

UI & Interaction

Interact with controllable widget instances

File & Media

Copy text content to device clipboard

Timing & Events

Pause action execution for specified duration

API & Data

Invoke custom callback functions with arguments

File & Media

Allow users to select files from device storage

Timing & Events

Trigger custom events for component communication

Navigation

Navigate to different pages with data passing and stack management

File & Media

Enable camera or gallery image selection

UI & Interaction

Display modal dialogs with custom content

UI & Interaction

Launch external URLs in browser or system apps

Navigation

Return to previous page with optional result data

Navigation

Navigate back through stack until reaching specific route

State Management

Force UI rebuild without changing state values

State Management

Update global application state variables

State Management

Modify local state in components, pages, or containers

File & Media

Share content via system sharing capabilities

UI & Interaction

Display bottom sheet modals with custom content

UI & Interaction

Show temporary notification messages

File & Media

Upload files to configured storage endpoints

Action Categories

🔄 State Management

Actions for managing application state and triggering UI updates.

Actions for moving between pages and managing navigation stack.

🌐 API & Data

Actions for communicating with external services and handling data operations.

🎨 UI & Interaction

Actions for controlling user interface elements and user feedback.

📁 File & Media

Actions for handling file operations, media selection, and sharing.

⏱️ Timing & Events

Actions for controlling timing and triggering custom events.

How To add a Action

  1. Select the widget from the Widget Panel where you want to add the action.

  2. Locate the 'On Click' menu in the Properties Panel inside the Widget's Default Properties.

  3. Tap on the '+' icon next to the 'On Click' menu.

  4. Choose the desired action from the dropdown menu.

Last updated