ASP .NET Core MVC Documentation

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>

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>									
}

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>									
}

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>									
}

<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>									
}

<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>									
}

<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>									
}

<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>									
}

<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>									
}

<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>									
}