CODEWITHSUNDEEP
kendo-uitelerik
C. Daniel
C. Daniel

Reputation: 141

Kendo UI Notifications is throwing an error when show is called

Good afternoon SO, I am new to Kendo UI and followed the directions on Telerik's site for getting notifications to work. I tested on Telerik's site test tool and the notifications do work as implemented but not on my site. I am using MVC and inlcuded kendo.all.min.js as well as all the .css files in the BundleConfig and it does show them as being implemented when looking into DevTools on Chrome.

I place a 

<span id="Notification"></span>

on the the Index page. I then have JavaScript on a separate .js file that initializes the kendo notification.

$('#Notification').kendoNotification({
        position: {
            pinned: false,
            top: 0,
            right: 0
        }
    }).data("kendoNotification");

Then on the successful return of an AJAX call in my JavaScript I call the notification.

$('#Notification').show(" Your item has been saved.", "success");

When I run the code I keep getting this error:

Uncaught TypeError: n.easing[this.easing] is not a function

All the files used on the kendo test site are implemented but I'm not sure why this is happening. Any help is greatly appreciated.

Here is my Kendo example that worked: http://dojo.telerik.com/iWIXO

Upvotes: 0

Views: 1202

Answers (2)

Gene R
Gene R

Reputation: 3744

i think it should be this way:

var notification = $('#Notification').kendoNotification({
        position: {
            pinned: false,
            top: 0,
            right: 0
        }
    }).data("kendoNotification");

notification.show(" Your item has been saved.", "success");

Upvotes: 0

Suraj Nair
Suraj Nair

Reputation: 561

You need to include jqueryUI reference. That should do the trick.

<script src='https://code.jquery.com/ui/1.11.3/jquery-ui.min.js'></scr‌​ipt>

PS: Make sure you include this reference after the jquery reference

Upvotes: 1

Related Questions