Edit this page


Displays a plain-text notification.

This is a safer version of the show method that assumes that you want to encode any markup passed in as a message.


data Object |String |Function

Required. The string content for the notification; or the object with the values for the variables inside the notification template; or the function, which returns the required string or an object.

type String

The notification type. Built-in types include "info", "success", "warning" and "error". Custom types should match the types from the template configuration. If this argument is not supplied, then "info" is assumed.

Example - Use the showText method to display a string

<span id="notification"></span>
var notificationWidget = $("#notification").kendoNotification().data("kendoNotification");

notificationWidget.showText("foo text", "warning");

Example - use the show method with a function argument

<span id="notification"></span>
function getNotificationMessage() {
    return {
        myMessage: "foo text"

var notificationWidget = $("#notification").kendoNotification({
    templates: [{
        type: "myAlert",
        template: "<div>System alert: #= myMessage #</div>"

notificationWidget.show(getNotificationMessage(), "myAlert");
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article