Notify – A prettier way to display alerts on Design Studio

Hi all,

On my current client, I had to develop a better looking notification system, for alerts, information, error showing and so on.

The one provided by Design Studio is not really user friendly (My boss’s words), so I developed one using a nice little library I found, here is the link if anyone is interested.

noty – a jQuery Notification Plugin

So the Notify SDK is pretty simple, all you have to do is add to component to your application, and set some properties that are as follows.

Delay, is how many seconds you want the note to stay on the screen.

Layout is where you want it to be shown.

Modal, if you set it to true the user will have to click on it in order to be able to do anything else.

Here is what It looks like with the settings above.

On your bial code you will have the following options.

NOTIFY.error(“text”);

NOTIFY.alert(“text”);

NOTIFY.information(“text”);

NOTIFY.notification(“text”);

NOTIFY.success(“text”);

NOTIFY.warning(“text”);

The diferente beteween them is just the collor that it’s used to show the note.

If you display more than one at a time they will stack like the image above.

Here is the code.

olafecorcam/com.leandro.notify · GitHub

Let me know if you have any questions, and hopefully this is usefull to some of you.

Best

Leandro