How to customize the color of notification?

1 Answer 112 Views
Notification
Antony
Top achievements
Rank 1
Antony asked on 06 Jun 2022, 10:34 AM
I can now do it in the 'show' event, but since showing of notification is animated, so the color is changed after some delay, and I don't want to give up using animation. Is there a better way I can customize the notification color? Thank you.

1 Answer, 1 is accepted

Sort by
0
Neli
Telerik team
answered on 09 Jun 2022, 06:24 AM

Hi Antony,

I would suggest you use the .k-notification-content class and style the color of the Notifications. Below is an example:

 .k-notification-content{
          color: orange;
}

And an example for changing the color to the icon on the Notification:

.k-notification-wrap .k-icon{
          color: red;
}

Here is a Dojo example where the styles from above are applied.

I hope this helps.

Regards,
Neli
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Notification
Asked by
Antony
Top achievements
Rank 1
Answers by
Neli
Telerik team
Share this question
or