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):
The title option sets the title of the notification as it is clear by its name.
The icon option display 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 option which is optional, 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 (http://……. or https://…..).
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 gets dismissed in 3 seconds.
Now all that’s left is a download link for the plugin itself. You can visit my Github page 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 apex.oracle.com :
More functionality might be added to this plugin in future updates.
11,004 total views, 20 views today