JavaScript Notification

Set the width property of the jqxNotification. Author: http://jqwidgets.com

HTML

<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id="jqxNotification">
  <div class="jqxNotificationContent">
    Sample notification
  </div>
</div>
<button id="changeNotificationText">
  Change notification text
</button>

JavaScript

$("#jqxNotification").jqxNotification({
  width: "250px",
  position: "top-right",
  opacity: 0.9,
  autoOpen: true,
  autoClose: false,
  template: "info"
});

$('#changeNotificationText').jqxButton();
$('#changeNotificationText').click(function() {
  $('.jqxNotificationContent').text('Changed notification');
});