Ext.ux.window.Notification

[jmaia]

Do a 'View Source' on the examples page and you can see several ways of using it.

Regards,

jm

[kennedyt]

Thanks for the reply. But the site does not access here.

[jmaia]

Here's an example:

Ext.create('widget.uxNotification', {
	corner: 'tr',            
	manager: 'instructions',
	//iconCls: 'notification-icon-information',
	title: 'Test',
	html: 'Test message',
	autoDestroyDelay: 4000,
	slideInDelay: 500,
	slideDownDelay: 500,
	slideInAnimation: 'bounceOut',
	slideDownAnimation: 'easeIn'
}).show();

I'm not using any icon, if you want to use an icon you have to define it in the css.

Regards,

jm

[kennedyt]

Thank you for the example

[wm003]

Great! Thanks for sharing

[atian25]

good job!!!

a small suggest: add some ext-like doc tags so that jsduck(https://github.com/senchalabs/jsduck) can gen doc

[twaindev]

Great job!!

Thanks.

[eirik.lorentsen]

jmaia,

I have created a new version 1.2 including your feature suggestion.

There are now two new config options: stickOnClick and stickWhileHover
They both default to true.

The stickOnClick enables/disables the pinning of the notification if clicked on.
The stickWhileHover enables/disables temporary pinning of the notification while the mouse hovers over it.

I have updated the demo page and also added an alternative styling to it:
http://www.eirik.net/Ext/ux/window/Notification.html

[jmaia]

Erik,

It's super cool !

Thanks for the update,

jm

[kennedyt]

Uowwww!