Figure 1. Noty.js Directory Structure.

Open the themes folder and open default.js file. Here you can customize how your notification looks. You can change colors and more...

On figure 2 you can see a part of the code where you can modify message background color, border color and button color for every message type.

To view the demo, click trash icon on the right of the record in the table below. A message "name + record will be deleted!" will be displayed with Ok and Cancel buttons. Click the Cancel button and the record will not be deleted. Click the trash icon again. Now, click Ok button on the confirmation message and the record will be deleted. The code, to display the message and delete the record, can be downloaded here.

On the figure 3, you can see a code that displays message. You can set message type: alert, warning etc. In my example, I use alert type if the message contains exclamation point. Other wise it has success type. (I use exclamation points only for warning or alerts messages)

You can set timeout time in millisecond, after which the message is closed. I use $msg_timeout PHP variable to hold the timeout value. The timeout of 2000-2500 milliseconds is long enough if you message is not long.

Figure 3. Code to display message.

You can set message position:
layout:'top'
layout:'topCenter'
layout:'topLeft'
layout:'topRight'
layout:'bottomCenter'
layout:'bottomLeft'
layout:'bottomRight'
layout:'center'
layout:'centerLeft'
layout:'centerRight'
layout:'bottom'