Below you can find how to create an action and what types of actions are available to you.
You can create an action on the tab “Data” in the left menu.
To create an action click on the Add new icon
For a new action you need to set up a name and at least one step. On trigger the steps will be executed one after another from top to bottom. You can add steps with the plus icon:
There are several types of steps:
Let’s take a look a each of them:
This action is dedicated for the interaction with the side bar if you have one in your application.
You can set one of the 3 states for action:
This action is dedicated for setting up a HTTP request. It is your main action to receive or send data to a backend of your application.
The HTTP request has following parameters:
You can select the method of the HTTP request from the list:
You can have more than one header in the request. Add as many header as you need with the button “Add new header“:
If you created some of the header by mistake you can just delete them with the delete icon:
If you click on the field “Header name“ you can see the list of most used header names. You can select one to set it as a name of the header:
Query parameters work in the same way as headers, you can add/delete them at the tab “Query Params”:
To properly manage the data from different steps: code, HTTP requests you will need variables. We have a special type of variables in UI Bakery : “App state“. This step assigns the value from the field “Value“ to the selected variable. For more info about App state variables see the section below.
In this step you can set a URL address. The application will navigate user to this URL when they trigger the step.
You can set the desirable URL in the field “Page path“.
You can also add/edit/delete query parameters to the set page path.
Didn't find something here? Simply drop us a line at firstname.lastname@example.org