How to customise the minimize and restore icon of the dialog window?

1 Answer 91 Views
Dialog Window
rex
Top achievements
Rank 1
rex asked on 15 Sep 2023, 02:15 AM

Hi, i need to replace the minimise and restore icon. I tried using minimizeButton and restoreButton prop. but it seems the functionality doesnt work anymore. Is there a way to just change the icon without disrupting the functionality? Thanks in advance!

Here's the component.

https://www.telerik.com/kendo-react-ui/components/dialogs/window/

1 Answer, 1 is accepted

Sort by
0
Wissam
Telerik team
answered on 18 Sep 2023, 02:13 PM

Hi, Rex,

You can achieve this by replacing the rendered SVG icons which are `windowRestoreIcon` and `windowMinimizeIcon` by a different SVG icon.

In the below example, I am replacing them with the `filterIcon` by wrapping the Window component with the `IconsContext.Provider` and setting the icon values using `value.icons`:

All the SVG icons are listed in the following section:

In addition, I could see that you do not have an active license. Therefore, I would suggest subscribing for a trial license in order to benefit from out support service:

If you have any further questions on the icons of the Window component, please let me know.

Regards,
Wissam
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Tags
Dialog Window
Asked by
rex
Top achievements
Rank 1
Answers by
Wissam
Telerik team
Share this question
or