Questions on Kendo UI for jQuery Forum

1 answer

208 views

Displaying several kendo notifications in quick succession causes diagonal stacking

I have a kendo notification like so:

var notificationWidget = $("#notification").kendoNotification({
autoHideAfter: 300000
}).data("kendoNotification");

I then display several notifications in quick succession like so:

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

The kendo widgets are stacked vertically; however, there is an increasing horizontal indentation. I want all the notifications displayed to be vertically-aligned and maintain their current vertical stacking. How can I achieve this?

Notification

answered on 09 Oct 2015

3 answers

198 views

Angular.js and template

Hi,

So I have a notification declared in my HTML page like this :

<div kendo-notification="welcomeNotification"
style="display: none"
k-position="{ top: 0, right: 0, pinned: true }"
k-autohideafter="8000"
k-height="'100px'"
k-options="notificationOpt"
k-width="'300px'"
k-animation="{open:{ effects: 'slideIn:left'},close:{effects: 'slideIn:left',reverse:true}}"
k-stacking="'down'">
</div>

And in my controller I show the notification this way :

$scope.welcomeNotification.show("my message", "info");

It's working fine but I wanted to add a template to my notification like the example in the kendo website but I cannot find the way to do it with angular.js and kendo ui.

Notification

answered on 25 Jun 2015

1 answer

95 views

Can there be a dynamic AppendTo?

In my MVVM template each repeated data item has a div where I want notifications to appear.

So do I have to make multiple kendoNotification objects for each repeater item, or can I just have one global one and set\change the appendTo object as needed?

Thoughts?

Notification

answered on 08 Apr 2015

2 answers

521 views

Can the Notification be positioned within a given container with appendTo

Hi,

I have a series of tabs in my interface, and notifications belong in each.
So for this, I really need to insert my notification into the DOM of the TAB (which has it's own HTML content) - in order to show it "within that area"

Is this what the "appendTo" method is supposed to be used for?
I realize it says "Defines the element to which the notifications will be appended or prepended"
But why would you use it?

I'm asking because I cannot seem to get appendTo working, when I use it, my notification doesn't appear at all, and I just need a sanity check as to whether I should be bothering to use this to "position" the notification in the first place.

Notification

answered on 30 Mar 2015

3 answers

108 views

MVVM support\demo

http://demos.telerik.com/kendo-ui/notification/mvvm

I'm struggling to understand this MVVM demo...a direct query to the object from the model kindof defeats the purpose does it not? Just being able to initalize the widget with the data-role does not MVVM support make.

I was assuming I could bind it to a property in the model to show a message(s) or something

?

Notification

answered on 27 Mar 2015

10 answers

1.0K+ views

Click Event

I would like to have a notification that auto hides after a period, but allows for a separate click event. Any idea how to do this?

Notification

answered on 17 Mar 2015

4 answers

372 views

Kendo Notification with an embedded link in message to a javascript function

I am trying to implement a kendo notification that has a hyperlink in the message, like this: 'Your file is Ready' where the word 'Ready' is a hyperlink. The trick is I need the hyperlink to call a javascript function.

In my message I am trying variations of this:
<a href='' ng-click='notificationLinkClicked()'>Ready</a>

I cannot seem to find a way to make that javascript function visible from within the clicking on the link within the notification.

Anyone know if this is possible or better yet have an example of how to do this?

Thanks in advance,
Gregory

Notification

answered on 12 Mar 2015

1 answer

121 views

On hide don't remove from DOM

Hi,
I noticed when hiding a notification, the notification gets removed from DOM hence, the entire UI I have shifts up to replace the gap that was filled by notification.

Is there a way to just hide the notification without removing it from DOM?

Best regards
Bilal Haidar

Notification

answered on 24 Feb 2015

1 answer

386 views

Container not auto-sizing to fit content

Hi,

I've been using the Kendo Notification and I swear it automatically re-sizes the notification to fit the message or content. But suddenly that behavior just stopped. I'm not sure what I did wrong. Here's the some code snippet and a screenshot:

<span id="useAIbleGlobalNotification"></span>
<script type="text/javascript">
var useAIbleNotification;
$(document).ready(function(){
useAIbleNotification = $("#useAIbleGlobalNotification").kendoNotification(
{
position: {
top: null,
bottom: 20,
left: 20,
right: null,
}
}).data("kendoNotification");
}
</script>

I call it like these:
useAIbleNotification.show("my message", "success");

As you can see I purposely positioned it to the lower left corner so that I won't worry about the content being too long. But now the notification is no longer re-sizing to fit the content. I tried manually putting a width but it doesn't re-size and just stays the same every time. What am I doing wrong?

Thank You

Notification

answered on 08 Jan 2015

1 answer

243 views

Different width message clipping issue

Hi!

It seems there is an issue with clipping message if you stack message of differently widths. Example: http://dojo.telerik.com/@pgresham/eLEMe

Is there an option that I'm missing or is this a bug or am I doing something wrong. :)

Thanks,
Patrick

Notification