open-url
This action opens a web page depending on the provided URL or deep links to an external app. open-url can be used in a list of actions, such as swipeable and rightElement, or with another action; after the main action is executed, open-url is called and opens the configured URL.
An open-url action can be set up in various ways:
- As a separate action or in the action list.
- As a swipeable action in the left or right direction.
- As rightElement in the list.
- As an associated action in the action list.
Core structure | |
|---|---|
title | Provide a title for opening the URL, you can use expressions in the title field. |
url | Specify the URL you want opened. The following formats are supported: https:// https://www. www. sitename.com external app link (See the deep link to an external app example) |
The simplest example of using an open-url action is to use it as a separate action. Thanks to this, a button will appear at the bottom, which, when pressed, will open the specific URL that we set up.
Example: See the full example in GitHub.
This example uses the open-url action as a swipeable property. We can choose the swipe direction left or right. After pressing the button, it will open the specific url that we set up.
Example: See the full example in GitHub.
In this example, we use the open-url action as the rightElement in the list-item component. There is a button for each item.
Example: See the full example in GitHub.
In this example, the open-url action is associated with the submit-form action. After we enter the signature and press the "Sign" button, the submit-form action is performed and the specific url will be opened.
Example: See the full example in GitHub.
In this example, the action.open-url is used with a deep link that opens the Google Maps app to a specific location. There are two code examples, one for iOS and the other for Andriod.
