This is a migrated thread and some comments may be shown as answers.

Custom Window className?

2 Answers 392 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Jason
Top achievements
Rank 1
Jason asked on 04 Oct 2019, 07:49 PM
It appears the Window class in the kendo-react-dialogs doesn't have a className property to augment the internal CSS classes with custom ones. Is there a way to do this that I'm missing, or is there a suggested workaround?

2 Answers, 1 is accepted

Sort by
0
Accepted
Stefan
Telerik team
answered on 08 Oct 2019, 07:44 AM

Hello, Jason,

The Window has a style property, so you can add the desired styles directly:

https://www.telerik.com/kendo-react-ui/components/dialogs/api/WindowProps/#toc-style

Another option will be to use the ref of the component and to add an additional class using DOM operations.

Still, I agree that this is useful and we will add it to the component as soon as possible.

Regards,
Stefan
Progress Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Jason
Top achievements
Rank 1
answered on 08 Oct 2019, 01:06 PM

In my case, I wanted to apply a style from a third-party library (our style guide), so I didn't want to hardcode the actual styling details, just use the classname, in case the styling ever changed.

I ended up getting it to work with SASS styling by @extend, but I'm glad to hear that className might be available in the future to avoid this workaround.

Tags
General Discussions
Asked by
Jason
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Jason
Top achievements
Rank 1
Share this question
or