How can I simply change the color of the selected tab underline ?
<kendo-tabstrip [tabAlignment]="'start'">
<kendo-tabstrip-tab [title]="'Ops'" [selected]="true">
<ng-template kendoTabContent>
<kendo-panelbar (stateChange)="stateChange($event)" [items]="itemsForPortal"> </kendo-panelbar>
</ng-template>
</kendo-tabstrip-tab>
Hi,
I have the following problem with Kendo UI's IconComponent:
When changing the name property of the IconComponent dynamically e. g. via a button, then the previous applied css icon class is not removed from the element's css class list. So after the first change, the element contains both css icon classes, the current and the previous one. I prepared a Stackblitz example to show the issue: https://stackblitz.com/edit/angular-oljhx8?file=app/app.component.ts
Am I doing something wrong, or is this an issue with the IconComponent itself?
The website https://www.telerik.com/kendo-angular-ui/components/installation/source-code/#toc-list-of-repositories lists all available git repositories where the customers/devs can get the source code of the Kendo-UI components. But the "kendo-angular-icons" git repository is missing in this list.
How can I set the size of the popup?
I would like the popup to be for example 400px
and the elements inside will then adapt to the size of the popup
Something like this:
<kendo-chart-series-item-tooltip width="400px"> <ng-template> <span>Mypopup</span> </ng-template></kendo-chart-series-item-tooltip>
The element that a css class must have for this problem I think is k-popup

Hi I would like to know how do I call a function inside the kendo cloumn template?
I would like this function to take the cell value and return a result.
Something like this:
<kendo-grid-column field="Name" [style]="{'text-align': 'right'}"> <ng-template kendoGridCellTemplate let-value="value"> <span>{{ myFunction(value) }}</span> </ng-template></kendo-grid-column>public myFunction(n){ if(n>0){ return "ok"; }else{ return "do check"; }}
The function is not called in this case.
thanks,
regards

I am using the treeview with kendoTreeViewFlatDataBinding and kendoTreeViewCheckable='multiple':
<kendo-treeview [nodes]="mytreeviewdata"
textField="desc"
[(checkedKeys)]="checkedKeys"
kendoTreeViewExpandable
[kendoTreeViewCheckable]="multiple"
kendoTreeViewFlatDataBinding
idField="id"
parentIdField="parent_id"
[checkBy]="key"
[isChecked]="isChecked"
[children]="fetchChildren"
(checkedChange)="handleChecking($event)">
</kendo-treeview>
In the checkedChange event, the argument is theTreeItemLookup which can specify the current item with the checkbox incurring a change. Is there a property that tells whether the checkbox was selected or deselected?
I am currently adding code to determine whether the change was a 'checked' or 'unchecked', but it seems there must be a simpler way for the treeviewnode to return me that value.
Thanks for any advice.


Hi
Is this the only option to select only years from the datepicker?
<kendo-datepicker
[formControlName]="'year'"
[format]="'yyyy'"
[incompleteDateValidation]="true"
[bottomView]="'year'"
[weekNumber]="false>
</kendo-datepicker>
I was looking for something that only contains years and not also months.
Something like the attached image.
The styling for the "Add new" button and any buttons in the kendoGridToolbarTemplate seem to have changed.
There used to be padding around the buttons and the background colour used to match the grid.
It seems to have been changed after the latest Chrome update to 87.0.4280.88.
Will there be any updates to the grid to fix this issue?

Hello,
Is there any timeline around supporting Bootstrap 5? The first Beta version was just released last week, which marks the end of breaking changes before the first full release. My team is currently using Bootstrap 5 and attempting to use kendo-theme-bootstrap, but am receiving SCSS build errors. I assume this is because of the incompatibility with Bootstrap 5.
Thanks,
AJ