Skip to main content

Types of actions

Studio ships built-in actions for navigation, security, timed callbacks, and user messages. Create them from the Actions dialog or from a widget Events tab. For how actions fit with variables and events, see Actions overview.

ActionUse for
NavigationOpen another page or go to the previous page
LoginAuthenticate against your security provider
LogoutEnd the session
TimerRun logic once or on an interval
NotificationToast, alert, or confirm UI

Navigation actions move the user between screens in the stack. In a React Native mobile project, Studio exposes Page and Previous page as navigation targets. Wire an action to a tap, a variable on Success handler, or another event.

To switch tabs or accordion panes on the same page, use the widget API in script (for example Page.Widgets.myTabs.select()) or bind selection in markup instead of a navigation action.

Properties​

PropertyDescription
Navigation targetPage or Previous page (mobile)
Page nameTarget page when navigation target is Page

Invoke from script​

Action names follow goToPage_{PageName} (or the name Studio generates). Pass route parameters on invoke or with setData before invoke.

Page.Actions.goToPage_TestPage.invoke();

Page.Actions.goToPage_TestPage.invoke({
    data: {
        param1: "param value",
        param2: "param value 2"
    }
});

var nav = Page.Actions.goToPage_TestPage;
nav.setData({
    param1: "param value",
    param2: "param value 2"
});
nav.invoke();

Login action​

Created automatically when you enable Security. Calls your configured identity provider and supports role-based landing pages.

Events​

  • onBeforeInvoke
  • onSuccess
  • onError

Use on Success for custom navigation when Use default success handler is off.

Common properties​

PropertyDescription
Use default success handlerWhen enabled, navigates to the landing page for the user role after login. Disable to handle navigation in on Success.
Update data on input changeInvokes the action when bound input data changes.
Request data on page loadRuns on page load (page scope) or app load (app scope).
In flight behaviorexecuteLast (default), executeAll, or doNotExecute when a call is already in progress.
App.Actions.loginAction.invoke();

Logout action​

Created when Security is enabled. Configure properties and events in the Actions dialog, then invoke from a menu item or button:

App.Actions.logoutAction.invoke();

Timer action​

Runs page or app logic after a delay, once or repeatedly. Set delay (milliseconds) and repeating in Studio. Call invoke() to start and cancel() to stop.

Page.Actions.myTimer.invoke();
Page.Actions.myTimer.cancel();

Notification action​

Shows feedback in the app: toast messages, alert dialogs, or confirm dialogs (with OK and Cancel). Use for errors, confirmations, and status updates.

Configure message text, type (success, error, info), duration, and position in the action properties or when invoking:

Page.Actions.appNotification.invoke({
    message: "Saved successfully",
    class: "Success"
});

Partial content can be bound for richer toast or dialog bodies.