Properties

appendContainer string null

Sets or gets the appendContainer property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification append-container="#container">Notification Message</jqx-notification>
autoOpen bool false

Sets or gets the autoOpen property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification auto-open="true">Notification Message</jqx-notification>
animationOpenDelay int 400

Sets or gets the animationOpenDelay property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification animation-open-delay="600">Notification Message</jqx-notification>
animationCloseDelay int 800

Sets or gets the animationCloseDelay property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification animation-close-delay="1000">Notification Message</jqx-notification>
autoClose bool true

Sets or gets the autoClose property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification auto-close="true">Notification Message</jqx-notification>
autoCloseDelay int 3000

Sets or gets the autoCloseDelay property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification auto-close-delay="5000">Notification Message</jqx-notification>
blink bool false

Sets or gets the blink property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification blink="true">Notification Message</jqx-notification>
browserBoundsOffset int 5

Sets or gets the browserBoundsOffset property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification browser-bounds-offset="10">Notification Message</jqx-notification>
closeOnClick bool true

Sets or gets the closeOnClick property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification close-on-click="false">Notification Message</jqx-notification>
disabled bool false

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification disabled="true">Notification Message</jqx-notification>
height int 'auto'

Sets or gets the height property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification height="200">Notification Message</jqx-notification>
hoverOpacity int 1

Sets or gets the hoverOpacity property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification hover-opacity="2">Notification Message</jqx-notification>
icon string null

Sets or gets the icon property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification icon="icon">Notification Message</jqx-notification>
notificationOffset int 5

Sets or gets the notificationOffset property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification notification-offset="10">Notification Message</jqx-notification>
opacity int 0.9

Sets or gets the opacity property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification opacity="1">Notification Message</jqx-notification>
position string 'top-right'

Sets or gets the position property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification position="top-left">Notification Message</jqx-notification>
rtl bool false

Sets or gets the rtl property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification rtl="true">Notification Message</jqx-notification>
showCloseButton bool true

Sets or gets the showCloseButton property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification show-close-button="false">Notification Message</jqx-notification>
template string 'info'

Sets or gets the template property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification template="info">Notification Message</jqx-notification>
theme string ''

Sets or gets the theme property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification theme="energyblue">Notification Message</jqx-notification>
width int 'auto'

Sets or gets the width property.

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification width="200">Notification Message</jqx-notification>

Events

close Event

Code examples

Bind to the close event of jqxNotification. 

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification on-close="eventHandler()">Notification Message</jqx-notification>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
click Event

Code examples

Bind to the click event of jqxNotification. 

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification on-click="eventHandler()">Notification Message</jqx-notification>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}
open Event

Code examples

Bind to the open event of jqxNotification. 

<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification on-open="eventHandler()">Notification Message</jqx-notification>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

Methods

closeAll Method 
<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification instance="getInstance()">Notification Message</jqx-notification>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["closeAll"]();									
	}									
</script>									
}
closeLast Method 
<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification instance="getInstance()">Notification Message</jqx-notification>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["closeLast"]();									
	}									
</script>									
}
destroy Method 
<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification instance="getInstance()">Notification Message</jqx-notification>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["destroy"]();									
	}									
</script>									
}
open Method 
<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification instance="getInstance()">Notification Message</jqx-notification>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["open"]();									
	}									
</script>									
}
refresh Method 
<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification instance="getInstance()">Notification Message</jqx-notification>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["refresh"]();									
	}									
</script>									
}
render Method 
<script src="~/jqwidgets/jqxbuttons.js"></script>
<script src="~/jqwidgets/jqxnotification.js"></script>
<jqx-notification instance="getInstance()">Notification Message</jqx-notification>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["render"]();									
	}									
</script>									
}