kendo toolbar - add Maximize and Close buttons

1 Answer 83 Views
ToolBar Window
Himura
Top achievements
Rank 1
Himura asked on 06 Nov 2023, 04:18 AM

Hi -

I would like to add a maximize and close buttons to my kendo-toolbar (I don't want to use kendo-window)

How can I do this?

Thanks

1 Answer, 1 is accepted

Sort by
0
Yanmario
Telerik team
answered on 08 Nov 2023, 12:59 PM

Hi Himura,

For the Toolbar component, I would suggest a similar approach as discussed in our previous forum thread:

https://www.telerik.com/forums/toolbar-of-a-kendo-window-as-kendo-tile-toolbar

The Toolbar itself can be removed from the DOM using *ngIf directive and the developer would only need to add a button to trigger the condition as demonstrated in the following example:

https://stackblitz.com/edit/angular-opv9r7?file=src%2Fapp%2Fapp.component.ts

For maximizing, the developer can also add a button and change the width and height of the component, depending on the viewport size. A basic example of such an implementation:

https://stackblitz.com/edit/angular-opv9r7-oc124s?file=src%2Fapp%2Fapp.component.ts

I hope this helps.

Regards,
Yanmario
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
ToolBar Window
Asked by
Himura
Top achievements
Rank 1
Answers by
Yanmario
Telerik team
Share this question
or