Wondering if someone can point out how to use CSP compatible templates with KendoNotifications.
Here is kendo's demo https://demos.telerik.com/kendo-ui/notification/templates.
I've added a content-policy without 'unsafe-eval' included. https://dojo.telerik.com/urImEZAk
Is there a way to convert these templates to be CSP compatible while keeping them in the script statement instead of having the html inside the kendoNotification initialize? The kendo documentation doesn't have many examples. https://docs.telerik.com/kendo-ui/framework/templates/get-started-csp-templates
This works, but would be nice to be able to separate the templates. https://dojo.telerik.com/urImEZAk/4
Thanks.
Hi team,
I'm trying to setup notifications on my project, using your demo : https://demos.telerik.com/kendo-ui/notification/templates. I managed to make notifications appears like in your tutorial, but they are not stacking when multiple of them are open in the same time.
Here's my code :
function
showNotification(_title, _txt, _type) {
var
notification = $(
"#notificationPopup"
).kendoNotification({
position: {
pinned:
true
,
top: 30,
right: 30
},
autoHideAfter: 0,
stacking:
"down"
,
templates: [{
type:
"success"
,
template: $(
"#successTemplate"
).html()
}, {
type:
"warning"
,
template: $(
"#warningTemplate"
).html()
}, {
type:
"error"
,
template: $(
"#errorTemplate"
).html()
}]
}).data(
"kendoNotification"
);
notification.show({
title: _title,
message: _txt
}, _type);
}
<
span
id
=
"notificationPopup"
style
=
"display:none;"
></
span
>
<
script
id
=
"successTemplate"
type
=
"text/x-kendo-template"
>
<
div
class
=
"notifSuccess"
>
<
h3
>#= title #</
h3
>
<
p
>#= message #</
p
>
</
div
>
</
script
>
<
script
id
=
"warningTemplate"
type
=
"text/x-kendo-template"
>
<
div
class
=
"notifWarning"
>
<
h3
>#= title #</
h3
>
<
p
>#= message #</
p
>
</
div
>
</
script
>
<
script
id
=
"errorTemplate"
type
=
"text/x-kendo-template"
>
<
div
class
=
"notifError"
>
<
h3
>#= title #</
h3
>
<
p
>#= message #</
p
>
</
div
>
</
script
>
I call showNotification() whenever I want one to appear, but they do one in front each other instead of stacking in the direction I indicated.
Any idea of what I missed ?
Best regards,
Valentin
Hello,
I'm doing some research on behalf of my team and have been looking for documentation that discusses linking functionality from notification pop-ups. This may be an easy thing to do but I am not a programmer (sorry!). Can anyone confirm that it is possible to embed links in the notifications?
For example: Worker A completes work that automatically is assigned to Worker B. When Worker A completes their work the system auto-generates a notification to Worker B letting them know work has been assigned to them. Worker B can either hit the X to dismiss or click the body of the notification to link them to the application page that requires their attention.
Any help on this is much appreciated!
Cheers
Hello!
How can I make info and success notifications disappear automatically after a few seconds, but have warning and error notifications to be closed manually by the user?
Best regards,
Kaan
Hi,
How can i apply different autoHide duration for different types of notifications? A success message should auto hide after 5sec, but the rest must not autohide.
I looked at this thread, https://www.telerik.com/forums/different-closing-behaviour-for-notifications , but it does work completely. When the info window hides, it hides everything, not just the info window.
Please Advise,
Grant
I have an application that displays errors with the notification that uses templates.
One of the errors that I got was a telerik error that the template was wrong however the displayed message has interpreted the html code.
Looking in the documentation I saw that to encode the html you should use showText instead of show so I used it but the notification displayed the same thing. The html was not encoded.
Please see the reproduction
https://dojo.telerik.com/eNaBikIm
What can I do so that the message is not interpreted?
Hi,
Is it possible to wrap the content (basically just a long line of text) of a notification without using templates?
Regards,
Pieter