Notification

Example

Razor
<kendo-notification>
    <popup-animation></popup-animation>
    <position />
    <templates></templates>
</kendo-notification>

ChildTags

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
has-client-componentBoolean
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
allow-hide-afterDoubleIndicates the period in milliseconds after which a notification can be dismissed (hidden) by the user.
append-toStringDefines the element to which the notifications will be appended or prepended (depending on the stacking direction).
as-moduleBoolean
auto-hide-afterDoubleIndicates the period in milliseconds after which a notification disappears automatically. Setting a zero value disables this behavior.
buttonBooleanDetermines whether the notifications will include a hide button. This setting works with the built-in templates only.
heightDoubleDefines the notifications' height. Numbers are treated as pixels.
hide-on-clickBooleanDetermines whether notifications can be hidden by clicking anywhere on their content.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
on-hideStringFires when a notification's hiding animation starts.
on-showStringFires when a notification's showing animation starts.
sanitize-idBoolean
script-attributesIDictionary<String,Object>
stackingNotificationStackingSettingsDetermines the direction in which multiple notification will stack (arrange) with regard to the first one. Possible values are "up", "right", "down", "left" and "default". The "default" setting takes into consideration the applied position settings and is evaluated to "up" or "down".
titleStringDefines the title attribute value for the Notification wrapper.
widthDoubleDefines the notifications' width. Numbers are treated as pixels.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support