Completed
Last Updated: 12 Oct 2022 07:26 by ADMIN
Release 3.7.0 (09 Nov 2022)
Created by: Ted
Comments: 1
Category: Notification
Type: Feature Request
2

Guys,

If you're going to enable using external icon/font libraries seamlessly across all Telerik components, every component that has a Icon parameter needs to implement an IconClass parameter too. Another case-in-point is the TelerikNotification NotificationModel model class. It has an Icon parameter, but no IconClass parameter.

Is there a way to apply an IconClass parameter for the Font Awesome library to the TelerikNotification component in a dynamic manner (i.e., a method that does not hard code the icon class in css, but instead takes any value for IconClass)?

Unplanned
Last Updated: 12 May 2022 08:43 by Daniel
Created by: Can
Comments: 1
Category: Notification
Type: Feature Request
9
There could be an event on the component that receives three fields in its event arguments - 1) bool whether it was closed manually or through a timer, 2) the Text (if originally provided) and 3) the model (if provided - you either pass text or a model).
Duplicated
Last Updated: 25 Apr 2022 11:01 by ADMIN
Created by: Douglas
Comments: 3
Category: Notification
Type: Feature Request
5

I have utilized the Notification component in a centralized portion of my mainlayout and created a service so that all notifications flow through control so I don't have to repeat a TelerikNotification  component on every content page.    It is working great except..  there is no API control over the notifications once they are created.

What I would like to do is have all the open notifications cleared in response to a location change event on the NavigationManager.  I can accomplish the event but cant clear the notifications.

 

Thx

---

ADMIN EDIT

Here is a workaround - hide the notification component so it disposes and hides all notification popups, then show it again so you can keep using it:

<TelerikButton OnClick="@AddNotifications">Add success, info, warning, error notification</TelerikButton>

<TelerikButton OnClick="@HideAllNotifications">Hide all notifications</TelerikButton>

@if (isNotificationRendered) 
{ 
    <TelerikNotification @ref="@NotificationReference" Class="MyTelerikNotification"></TelerikNotification>
}

@code {
    //hide all implementation
    bool isNotificationRendered { get; set; } = true;
    async Task HideAllNotifications()
    {
        isNotificationRendered = false;
        await InvokeAsync(StateHasChanged);
        await Task.Delay(20);
        isNotificationRendered = true;
    }
    //end


    public TelerikNotification NotificationReference { get; set; }

    public void AddNotifications()
    {
        // Success
        NotificationReference.Show(new NotificationModel()
        {
            ThemeColor = ThemeColors.Success,
            Text = "Success",
        });

        // Info
        NotificationReference.Show(new NotificationModel()
        {
            ThemeColor = ThemeColors.Info,
            Text = "Info",
        });

        // Warning
        NotificationReference.Show(new NotificationModel()
        {
            ThemeColor = ThemeColors.Warning,
            Text = "Warning",
        });

        // Error
        NotificationReference.Show(new NotificationModel()
        {
            ThemeColor = ThemeColors.Error,
            Text = "Error",
        });
    }
}

<style>
    .MyTelerikNotification .k-notification-container .k-notification-wrap {
        width: 300px;
        height: 50px;
        font-size: 1.5em;
        text-align: center;
        align-items: center;
    }
</style>

---

Completed
Last Updated: 20 Apr 2022 11:34 by ADMIN
Release 3.3.0
Created by: Matthias
Comments: 2
Category: Notification
Type: Feature Request
27
I would like to have a method for the reference of the component which will allow me to close the notifications, for example - Close().
Unplanned
Last Updated: 01 Mar 2021 10:30 by ADMIN
Created by: Garrett
Comments: 0
Category: Notification
Type: Feature Request
1

I would like to show a maximum number of notifications.

For instance, if I have a maximum of two notifications and I am currently showing two on screen and a third needs to be shown, the first notification is dismissed and the new notification is shown.

 

===================

ADMIN EDIT

Once implemented, the Close/Hide method of the Notification can also be used to achieve the described setup.

===================