appendTo String|Element|jQuery (default: null)

Defines the element to which the notifications will be appended or prepended (depending on the stacking direction).

Example - set appendTo as a selector string

<span id="notification"></span>
<div id="container"></div>
<script>
$("#notification").kendoNotification({
    appendTo: "#container"
});
$("#notification").getKendoNotification().show("Kendo Notification");
</script>

Example - set appendTo as a DOM element

<span id="notification"></span>
<div id="container"></div>
<script>
var container = document.getElementById("container");
$("#notification").kendoNotification({
    appendTo: container
});
$("#notification").getKendoNotification().show("Kendo Notification");
</script>

Example - set appendTo as a jQuery object

<div id="notification"></div>
<script>
var element = $("#notification");
element.kendoNotification({
    appendTo: element
});
$("#notification").getKendoNotification().show("Kendo Notification");
</script>
In this article