A Guide to Master the Form & App Notifications in byld

A Guide to Master the Form & App Notifications in byld

Introduction

Notifications play a pivotal role in user engagement and experience. In this guide, we'll explore how to effectively use notifications in byld.dev to keep users informed, guide their actions, and enhance their experience. From form-level alerts to global application notifications, byld.dev equips you with the tools to create a user-centric experience. Let's dive in and master notifications for a more engaging application.

Form Notifications: Error, Warning, and Info

Form notifications, in essence, are messages or alerts that are displayed at the form level to provide users with feedback on their actions. These notifications take various forms, including:

  • Error: This should be concise and clearly describe the issue.

  • Warning: This should alert users about potential issues, or tell them to pay extra attention.

  • Info: This should provide additional context or simple information.

Now, let's see how you can implement these notifications in your flow:

Steps

  1. Create a new flow. Give it a name and a unique name, then choose the table and the form you want to work on.

  2. Click Edit from the command bar to open the UI Flow Editor.

    💡
    Tip: First time creating a flow? Check out our documentation for more in-depth guidance and tips on getting started.
  3. Select a Trigger.

  4. From the steps list, select Add form notification, click Configure step and enter the values.

    In our example, we filled in the following information:

And this is what the result looks like:

Application Notification: A Global Perspective

While form notifications are specific to a particular form or input, application notifications are global messages that can be displayed throughout the flow. These notifications can take the same forms as form notifications, including error, warning and info messages but also success messages which can be used to give positive feedback to the user.

Now, let's explore how to set up application notifications:

Steps

  1. Create a new flow. Give it a name and a unique name, then choose the table and the form you want to work on.

  2. Click Edit from the command bar to open the UI Flow Editor.

  3. Select a Trigger.

  4. From the steps list, select Add application notification, click Configure step and enter the values.

    In our example, we filled in the following information:

💡
Tip: You can enhance the flexibility of your notifications by initializing a variable to store notification content and then referencing that variable within your notification.

And this is what the result looks like:

Remove the notification

Steps

  1. Depending on the notification you've added (form or application), select Remove form notification or Remove application notification from the steps list.

  2. Click Configure step and enter the Unique ID of the notification that was set earlier.

  3. Save and publish/update your flow.

    The notification will be removed.

Summary

Form and application notifications are indispensable tools in enhancing user experience. They serve different purposes but collectively contribute to keeping users informed, engaged, and satisfied.

Visit our website

Get it from AppSource