This article provides an overview of link actions in Fliplet. Link actions make components interactive by allowing users to trigger events such as navigating to a different screen, opening a website, or logging out when they tap or click a button, image, or other element in your app.

Get started

  1. What are link actions?
  2. How to add a link action
  3. Available link actions
  4. Tips and best practices
  5. Troubleshooting

Link actions are configuration options that define what happens when a user interacts with a component in your app. For example, tapping a button can take the user to another screen, open a web page, or log them out. Link actions make apps more dynamic and interactive without requiring custom code, though advanced options like JavaScript functions are also supported.

Any component that supports interactivity, such as a button or image, can be given a link action. To add one:

  1. Select or drag a component onto your screen in Fliplet Studio
  2. Click the component to open the component settings in the right-hand panel
  3. Locate the link action dropdown
  4. Choose an action and configure the available options
  5. Save your changes and test the app to confirm the behavior

The following link actions are available in Fliplet:

Display another screen

Navigates the user to another screen in your app.

  • Select a screen: Choose from a list of your app’s screens
  • Add query parameters (optional, advanced): Pass data to the destination screen using URL-encoded parameters
  • Select an animation: Choose a transition such as Fade, Slide left, or Flip

Go back to the previous screen

Returns the user to the last screen they visited. No configuration is required.

Open a web page

Opens an external web page in the browser or within the app.

  • Enter the full URL (e.g., https://example.com)
  • Supports tel: and mailto: links

Open a document

Displays a document, such as a PDF, from your media library.

  • Click Browse your media library to select or upload a file

Play a video

Plays a video from your media library.

  • Click Browse your media library to select or upload a video

Open the about this app overlay

Shows a preconfigured overlay containing your app’s details, including app name, privacy policy, and terms of use. This content is managed in App settings > About this app. No configuration is required.

Link to an external application

Opens or triggers an action in another app installed on the device.

  • Select the target application and action, such as Open Google Drive or Compose email

Return to app list

Returns the user to your organization’s app list. Commonly used when apps are launched from a portal or library. No configuration is required.

Log out

Signs the user out of the app.

  • Choose the post-logout behavior:
    • Display another screen: Redirect to a specific screen, such as a login page
    • Return to app list: Take the user back to the app library

Call a JavaScript function

Executes a custom JavaScript function defined in your app code.

  • Enter the function name (e.g., myFunction)
  • Click the How to define a function link for developer documentation

Tips and best practices

  • Use animations when navigating between screens to provide a smooth user experience
  • Validate external URLs before saving them to avoid broken links
  • Keep media files optimized for performance when using documents or videos
  • Use query parameters and JavaScript functions only if you are comfortable with advanced configuration

Troubleshooting

  • Link action does not trigger: Confirm the component has a link action set and that changes were saved
  • Web page does not load: Ensure the URL is valid and accessible
  • Document or video won’t open: Check the file exists in the media library and is accessible
  • JavaScript function not working: Verify that the function is defined in your app code and matches the name exactly

Related Articles

Was this article helpful?
YesNo