Create user actions: Switch screens, change data and make API calls

Assign actions to click on Button, Image, Link elements or to the Screen of the app:

  1. Drug and drop Button, Image or Link element to an app screen
  2. Click on it on the screen
  3. Click Actions button on the right hand side
  4. Select the needed action from the Add new action dropdown:

Go to

redirect user to the selected screen from the dropdown, back to the previous screen or to the external URL.

Scroll to

scroll to top / bottom of the current screen.

Create Event

save files and data specified using Hashtags as an Event in the platform events table.

Save to Object column

store the data selected using Hashtags in the particular column of the Object.

Execute Operations

execute the selected operation on the button click.

Create Variable

create a variable on the button click. Variables store temporary data available for other parts of the platform to use via hashtags links

Actions are run in the order they were added.
You can add unlimited number of different actions.

_________________

CREATE EVENT

Event is a record of an action happening - such as button click - and it's parameters. Event can be created by:

Example:

Setting up the Contact Back Form that collects Name, Email and Contact subject details. After app user presses Send, the Event gets created.

Application User View:

How to set it up:

  1. Add Elements
  2. Set it's Backend name
  3. Add Create Event Action to the button and fill in it's details and click Save

How data looks in the Events:

In order to store files in the Event you should have the File Upload element present on the screen.

_________________

SAVE DATA TO OBJECT (APP USER)

Can be used to store the data entered in the input field.

Example: the name and email entered by the AppUser, would be stored to the Name and Email columns in the Objects.

Application User View:

How to set it up:

  1. Add Elements
  2. Set it's Backend name
  3. Add the Save to Object Column Action to the button and fill in it's details and click Save

How Object looks like:

_________________

EXECUTE API OPERATION
  1. Pick Execute operation from the under the Add new action dropdown list
  2. Pick an existing operation from under the Add operation drop down list.
  3. Click Save
  4. Click Save Screen

You need to create the Operation before calling it. Please refer to the Operations article for more info.

_________________

CREATE AND SET VARIABLE

Variables allow you to manipulate data in session without recording it anywhere. For example, pass data between screens, track user's activity, make calculations.

Please check Variables article for more info.

  1. Pick Add variable from the under the Add new action dropdown list
  2. Click Add item under the Variables label
  3. Name your variable
  4. Use any combination of hashtag link to set the Variable's value
  5. Add as many Name / Value pairs as you need. Add Item button will emerge each time previously added pair Name field was filled in.
  6. Click Save
  7. Click Save Screen

Examples:

Save Text Input element to the Screen

  1. Pull text element to a screen
  2. Click on the Text Input on the app screen
  3. Fill in Backendname field with "NameInput" and the Placeholder with "Name"
  4. Click "Save"
the Screenshot shows the proccess of adding Text input to the screen in Mobsted Multichannel PWA application builder

Display "Save button" if Text Input is not empty

  1. Perform the steps described in Example #1
  2. Pull Button element to the screen
  3. Click on the Button element on the app screen
  4. Fill in Backendname with "Submit" and the Caption Button with "Submit Name"
  5. In the Visibility block, set the Button to be Hidden by Default
  6. In the Show condition check if something was entered in the Name Text Input: Set #Backendname:NameInput# to be not equal to the empty string as shown below. It is possible to add more conditions if needed, please refer How to hide / show a screen element
  7. Click "Save"
the Screenshot shows how to hide the button element in Mobsted Multichannel PWA application builder

Shows the working logic of the hide show condition in Mobsted multichannel PWA App builder

Save Text Input Data to the Object Column

  1. Perform the steps described in Example #1
  2. Pull Button element to the screen
  3. Click on the Button element on the app screen
  4. Click on the Actions and select "Save to Object Column"
  5. Select the Name Column, that's where the Name entered would be stored in the Objects
  6. Use Hashtags to reference the value entered in the Text Input Element
  7. Click "Save"

Save Text Input Data to the Event

  1. Perform the steps described in Example #1
  2. Pull Button element to the screen
  3. Click on the Button element on the app screen
  4. Click on the Actions and select "Create Event"
  5. Fill in Key and Value pairs. Value would be the text grabbed from the Text Input
  6. Click "Save"

MENTIONED ARTICLES


Was it useful?