I'm currently implementing the kendo-drawer for navigation in my application. I have most things working but am running into an issue with styling.
I have tried setting a custom width of 300px for the drawer but the element itself always has a flex-basis of 240px on it, overriding the value in the scss. I have looked at the utils included with the theme but am unsure how to use them.
Is there a way that I can set the flex-basis to be the value that I am wanting? Changing it in DevTools gives me the result that I want.
Thanks in advance.
Hi
I'm trying to create a grid which has a mixture of multi-column headers and normal headers. I don't know the number / type of columns at design time so I'm using an array and trying to loop round the columns using a recursive template shown below.
<kendo-grid #grid [data]="result.rows" [navigable]="true"> <ng-container *ngTemplateOutlet="recursiveColumns; context:{ columns: result.columns }"> </ng-container></kendo-grid><ng-template #recursiveColumns let-cols="columns"> <ng-container *ngFor="let c of cols"> <kendo-grid-column *ngIf="!c.isGroup" field="{{c.field}}" title="{{c.title}}" [locked]="c.isLocked || false"> </kendo-grid-column> <kendo-grid-column-group *ngIf="c.isGroup" title="{{c.title}}"> <ng-container *ngTemplateOutlet="recursiveColumns; context:{ columns: c.columns }"></ng-container> </kendo-grid-column-group> </ng-container></ng-template>Unfortunately the columns / groups do not get rendered. As far as I can tell my template is correct - everything is displayed correctly if I change the page to write out nested divs instead.
Please can you let me know if what I'm trying to achieve is possible? and if so,what changes I need to make to get it to work.
Thanks
Keith

I have update the kendo ui angular to 13.2.1 the scheduler throw this error "the required europe/london time zone not provided"
when I remove the timezone='europe/london' then it working fine.
any solution for fix timezone ?
i have attached the screenshots

I have a button for my grid that serves to toggle the column position.
However, after I change the position by moving them with the 'reorderable' property, my button doesn't work.
I created an example to make it clearer:
https://stackblitz.com/edit/angular-jcbhse-m3a9zm?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fproducts.ts

I have tabular data in DIV elements. The data being displayed in table is from rich textbox, so some columns have longer content than other, due to which kendo pdf automatically break the page (which is fine) and remaining content displayed on second page.
The issue is content on 2nd page shift to the left columns since those columns doesn't have any data on second page.
How to make sure kendo respect the columns and keeps the data in same column after page break.
https://angular-kendo-export-pdf-svacsk.stackblitz.io/


If the [maxResizableWidth] value is set on a column, then autosizing functions should not make the column wider than that (or narrower in the case of a minResizableWidth)

Hi there,
I'm using a Kendo Window for a form and when a vertical scrollbar is necessary, the action buttons (save, cancel) are not visible because you have to scroll to the bottom to see them. How could I get them to stay fixed?
Thank you

min' since it isn't a known property of 'kendo-chart-value-axis-item-labels
<kendo-chart-value-axis>
<kendo-chart-value-axis-item >
<kendo-chart-value-axis-item-labels [content]="utilsService.label" [min]="minVal">
</kendo-chart-value-axis-item-labels>
</kendo-chart-value-axis-item>
</kendo-chart-value-axis>
