alignment of buttons in grid header

[Bob]

Hi,

I am upgrading a project from Angular 7 to Angular 12 (actually rebuilding from scratch).
My grid version is 

"@progress/kendo-angular-grid": "4.7.4"

It does not display the column chooser to the right - is this by design?
How to place extra buttons in the header and pull right?
Before I could just use bootstrap helpers but it seems this is no longer the case.

I have attached an image to show what I mean, what more info do you need?

Cheers,
Bob

 

 

[Yanmario]

Hi Bob,

Thank you for the provided screenshot.

Indeed the column chooser placement in the kendoGridToolbarTemplate is by design and can always be changed. In general, using a template allows the developer full control over the content and its styling/position. 

StackBlitz example using a div element to position any button or element to the right of the ToolBarTemplate:

https://stackblitz.com/edit/angular-rjkb7t?file=app/app.component.ts

I also noticed the missing icons, and correct me if I'm wrong a Master-Detail is used in the screenshot. If that is the case, please update the Grid component and the Kendo Theme to their latest version:

https://www.telerik.com/kendo-angular-ui-develop/components/grid/changelog/#43f811c0-5af0-55bb-9744-88d008087651

https://github.com/telerik/kendo-themes/releases

https://www.telerik.com/kendo-angular-ui/components/installation/up-to-date/

I hope this helps.

Regards,
Yanmario Menev
Progress Telerik

[Bob]

Hi Yanmario,

Perfect on both problems.
Though given I have been adding components directly through "yarn add" I can't see why older versions would have been added,

Cheers,

Bob