#
Notifications
Use Pages Notification plugin that has been custom-made to suit overall theme, to add unique notifications of various styles
#
Options
NAME |
TYPE |
DEFAULT |
DESCRIPTION |
---|---|---|---|
style | string | simple |
Sets the style of the notification. Styles available are bar , flip , circle , simple |
message | string | null |
Message to be displayed inside the notification. |
position | string | top-right |
Where to place the notification. Positions available are: top bottom top-right top-left bottom-right bottom-left Note: Use top and bottom only for positioning bar notification |
type | string | info |
Sets the type of the notification - info , warning , success , danger .Changing the type will change the background color and font color of the notification |
showClose | boolean | true |
Show/Hide the close button |
timeout | number | 4000 |
Decides for how long the notification should be visible on the screen in miliseconds. Setting timeout 0 will keep notification forever. |
onShown | function | null |
Callback function fired after the notification is shown |
onClose | function | null |
Callback function fired after the notification is closed |
title | string | null |
Only available for style circle . Sets the title of the notification |
thumbnail | string | null |
Only available for style circle . Shows a thumbnail image together with the message any img can be passed. The following structure is recommended <img width="40" height="40" style="display: inline-block;" src="assets/img/profiles/avatar2x.jpg" data-src="assets/img/profiles/avatar.jpg" data-src-retina="assets/img/profiles/avatar2x.jpg" alt=""> |