Is it possible to use a specific theme using Typescript code, like Bootstrap, specific for the NotificationService (used in an Angular NgRx effect)

[Evert Wiesenekker]

I know I need to define a specific style in package.json using:

"@progress/kendo-theme-default": "^6.3.0"

But I like to know if it is possible to target a specific style for a component. So (I realize this is maybe a weird question), component X uses the material theme and component Y the Bootstrap theme.

I am using your NotificationService in an NgRx effect by the way. So I would also be curious if this would be possible.

 

[Stoyan]

Hi Evert,

Thanks for the provided information.

To set different Kendo Themes to different components, they must be scoped in some unique selectors in which the desired Kendo Theme can be imported. Keep in mind that this works only if the project is using SCSS.

I've created a short StackBlitz demo which demonstrates the said above:

https://stackblitz.com/edit/angular-scss-demo-m1wjcu?file=src%2Fstyles.scss

Hope this information helps.

Regards,
Stoyan
Progress Telerik