Web Actions

Last update: Edit

The Web Actions module contains the following actions:

Category Action
Focus next Moves the keyboard focus to the next element that can be focused.
Focus previous Moves the keyboard focus to the previous element that can be focused.
Scroll to Scrolls the window to make a targeted element visible. For this action, you need to provide a target selector. This target could be an element containing a class (for example, .mx-class-name, .my-class-name), an HTML element (for example, td, div, a), or an element ID (for example, #my-element-id).
Set focus Sets the focus to the element found with the selector. The element should be able to hold focus like a link, button, or input. For this action, you need to provide a target selector. This target could be an element containing a class (for example, .mx-class-name, .my-class-name), an HTML element (for example, td, div, a), or an element ID (for example, #my-element-id).
Take picture Allows users to take a picture from the back and front camera in a web or PWA app.

1 Usage

1.1 Take Picture

  1. To use the Take picture action, create an entity that extends the System.Image entity:

    Example entity

  2. Drag and drop the Take picture action from the Studio Pro toolbar to your nanoflow like in the example below. For that you need to pass an object for the action:

    Example nanoflow

  3. In the action, select which object you are passing to the action to fill with the image properties:

    Properties

  4. You can also configure an option which shows a confirmation screen allowing users to accept or retake the picture:

    Confirmation Screen

  5. The value returned from the action is a Boolean, so after the execution you can check if the picture was taken or not:

    Check