Actions

A detailed overview of the types of Actions.

Action is an operation that you can perform in Jet Admin. Visually, the action is a button in the Jet Admin interface.

To add an action you need to

Select a Button component
Drag and drop it on the page

Action types

There are a variety types of actions that are split into sections:

Data

Run operation. Perform any CRUD operation or custom API/SQL query.
Export Data. Export data from the table.
Import Data. Import data to a collection.

Navigate to page. Passing values and switching between pages.
Open URL. Open the link in a new or the current tab.

Overlays

Open Actions Dropdown. Create a sub-menu of actions.
Open Overlay/Close Overlay. Open or close the overlay.

Interaction

Show Notification. Show custom notification.
Copy to Clipboard. Copy data to your Clipboard.
Run Component Action. Act on a component, such as updating data or clearing the form after submitting.

Advanced

Set Variable. Set a value to a specific Page Variable or Page Variable .
Run JavaScript. Execute a JavaScript code.
Download File. Download the file from the API call.
Scan QR/Bar Code. To scan a graphic code.

Run workflow

Run Workflow. Fires a sequence of events.

Action confirmation dialog

You can set up a confirmation dialog that will appear before executing an action.

To add a confirmation dialog, use the "Confirm on execute" section of the right-side panel

You can define the Title, Description, and button styles for your confirmation dialog.

Run Operation

Perform operation with your resources, such as CRUD operations with Databases, operations with third party services, APIs and frameworks, and operations with storages.

Creating an operation in a button

Click on the Button
Go to the Click Action
Choose Run Operation
Choose the Resource
Choose the Action

Operations with storages

You can perform these actions with storages:

Getting private file URL
Uploading a File
Getting list of objects
Creating a directory
Removing an object

Navigate to Page

You can pass values and switch between pages. To do so, follow the steps:

Click on the Button
Go to the Click Action
Choose Navigate to Page
Choose the Link of the Page

Open URL

Opens any website URLs, use Action specified as Open URL.

Click on the Button
Go to the Click Action
Choose Open URL
Click on the URL icon to change the URL of the Page

Open/Close Overlay

You can close the pop-up overlay window. To do so, follow the steps:

Click on the Button
Go to the Click Action
Choose Close Overlay

Overlay

The Open Actions Dropdown feature allow you to create a list of multiple separate actions that will appear in a drop-down list. This dropdown menu facilitates triggering queries and other actions with ease.

Multiple Actions: Create a list of distinct actions that users can select from a dropdown menu.
Ease of Use: Simplify the process of triggering various actions from a single interface element.
Manual Configuration: Customize the actions list according to specific requirements.

Run Component Action

You can act on a component, such as updating data or clearing the form after submitting.

Component Actions

Show Notification

You can show custom notifications.

Custom Notifications

Run JavaScript

To execute JavaScript code upon clicking a button, follow these steps:

Click on the button.
Navigate to the Click Action.
Select "Run JavaScript."
Type your JavaScript code and return the result.

You can Insert input values from other components and use it further within your JavaScript code. To do that, click 'Insert Input' and choose the needed component.