Using the SASS build for Kendo Angular Material I wish to simply change the primary, secondary and accent colors for the entire theme and then download.
There is only a drop down to select a color palette, but no way to choose specific colors.
When I download the variables.scss, there aren't entries for these three colors.
Question: How do I edit the variables.scss to change these three colors?
I have a requirement to customize the kendo column and also needs to use Context Menu.
I'm sharing screenshots of the demo I'm trying to implement.
When I right click on the kendo column (which is having the ng template ) content like Icon or data/text it doesn't work
But on the cell it works.
Can you help me out in this ??
Hi,
When user enter only mm/dd, i need to show invalid date format error message. To do this i am trying to get the entered date value using valueChange() method. But valueChange() method only return date value if user enter mm/dd/yyyy like [12/12/2020]. When user enter partial value like [12/12/yyyy], it return null value. How can i get the partial date value?
Thanks
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.

