Skip to main content
Kinetic Community

A nicer Alert option

Very often you need to display an error or warning to the user. In these times we tend to use the alert(...) javascript function, which is nice and easy but a little on the ugly side and has concerns about 508 compliance and usefulness on a mobile device. A library has been put together (notifie) to help create consistent, attractive, and easy to use notifications.

Usage

Call .notifie(options) on a jQuery element for the label of the question you want the alert to appear above, where options is a Javascript object with settings for the notifications (see this article on notifie for details on options).

 

$("[data-element-name='Sample Text'] label").notifie({ type: 'alert', severity: 'warning', message: 'Please ensure you have entered a valid account ID in the text.', expire: 2000 });

 

Sample