JavaScript Notification

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

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id="jqxNotification">Sample notification</div>
<button id="openNotification">Open notification</button>
<div id="container" style="width: 300px; height: 400px; margin-top: 15px; background-color: #F2F2F2;
        border: 1px dashed #AAAAAA; overflow: auto;"></div>

JavaScript

$("#jqxNotification").jqxNotification({
      width: "100%",
      appendContainer: "#container",
      opacity: 0.9,
      autoClose: true,
      template: "info"
  });

  $("#openNotification").jqxButton();

  $("#openNotification").click(function () {
      $("#jqxNotification").jqxNotification("open");
  });