Ever wanted to have proper looking “browser” notifications? Well this plugin might help you out. You might have seen these notifications before when something goes wrong with a certain browser extension (e.g. it crashes). Or sometimes when a new extension is added.
This plugin uses the Notification interface from the Notification API in your browser. Most modern browsers support it, but just in case, I have added a photo below for both Desktop and Mobile browsers and its extensive support. (Although there’s no IE support – who uses IE anyway?)
Browser Compatibility for the Notifications API
The entire documentation for the Notification interface can be found in the link below :
Now what this plugin does is that it includes custom code for getting the notification to popup. The plugin is of Dynamic Action type, that means you have to call it via some sort of dynamic action triggering event. This is what the end result looks like :
What needs to be done now is to download the plugin, import it into your application in the Shared Components => Plugins section. The final step is to Create a dynamic action on any event and choose ApexNoti as the True/False action. Afterwards there are some required and some optional settings you have to fill in and then you’re all good to go.
Here’s an image of the available options. I will explain them each in the section below:
Error Type (Optional)
There are two options,
Console. This setting checks whether or not your browser is compatible with notifications. If it is then nothing will happen. In the case of your browser not being compatible with notification, by choosing
Console this message gets printed in the browser console.
The title option sets the title of the notification as it is clear by its name.
The icon option displays an icon (image) in the notification itself. I have included a default image in the plugin itself so that it doesn’t look empty if you don’t set anything in the icon field. You can set a link to any image you desire. You can also choose an image uploaded in your application’s Static Application Files.
This option sets the message of the notification itself.
Using this optional setting, you can set a link for when the user clicks on the notification itself. The link is opened in a new tab in the browser so that it doesn’t interrupt the user’s current page. Be sure to include the protocol in your link (
This text field accepts values with a unit of milliseconds. For instance, if you enter 3000 as the value for this option, the produced notification automatically gets dismissed in 3 seconds.
Now all that’s left is a download link for the plugin itself. You can visit my GitHub repo below and download it from there:
Here’s a link to the plugin on apex.world too:
Last but not least, here’s a working example of the plugin itself on
More functionality might be added to this plugin in future updates.