Display Browser Notifications
This article introduces how to display browser notifications with Toastr . When users proceed a Status in a record, browser notifications will pop-up with messages inside.
Toastr is a jQuery-dependent library that displays non-blocking notifications. These "toasts" display information, errors, warnings, and success messages.
Proceeding the Status to "In progress"
When a user proceeds the Status to In progress, a browser notification pops up. The notification states that the assigned user has been notified of their task. Note that toastr does not have features to send notifications to the Assignee. A notification will be sent to the Assignee through Kintone's features.
Proceeding the Status to "Sent for Review"
When a user proceeds the Status to Sent for Review, a browser notification pops up. The notification states that the record has been sent to the Assignee.
Prepare the App
Create the form
Create an App named "Student Grades" with the following fields and settings.
|Field Type||Field Name||Field Code|
Set the Process Management settings
Access the Settings
In the settings of the App, navigate to App Settings, then to Process Management.
Option 1: Enable this Feature
Check the "Enable process management" checkbox.
Option 2: Status Settings
Add the following Status names:
- Not started
- In progress
- Sent for Review
Option 3: Process Flow Settings
Set up as follows:
The Assignee and Reviewer fields can be added into the Assignee List by selecting them from the Add a field for selection drop down.
Set the Libraries
After saving the settings and clicking on Update App, add a new record into the App. Proceed the Status of the record by clicking on the Start button, then on Confirm. A Toastr pop-up should appear in the corner of the browser. The pop-up should also appear when the Status proceeds to Sent for Review.