When implementing the ContextMenu the items do not contain the required icons.
I used the object notation from the example
{text: string, icon: string}
I tried to hard code the value in the html template
<kendo-contextmenu [target]="target">
<kendo-menu-item text="My Web Site" icon="trash">
<kendo-menu-item text="images" icon="folder">
and I tried using a template and assigning the icons via [ngClass].
Nothing works.
I get an icon but it's always a downward chevron.
Any idea what might be causing this issue?
Could the icon font be overwritten?
Hello,
I am generating a template that contains a dynamic button panel, and I need to assign a click event to an <a> element within a dynamically generated <li> list. I get the values ​​from a Json object.
The function value of each element of the list comes from a Json object value (fieldChildren.action), but when trying to assign the event (click)="fieldchildren.action", it is not being created correctly.
Please help me with some indication in this regard.
I am using kendo multistep form with angular 15
<ul ngbDropdownMenu id="addoptions" aria-labelledby="Button_Add" class="dropdown-menu">
We have a problem whereby the paging dropdown is displaying the number list dropdown on all views:
Does anyone have any suggestions as to what might be happening here? I assume the dropdown should only display on small screens, not on large.
I have multiple grids in a view and when the user drags on the scrollbar of one grid I want it to automatically scroll the other grids exactly the same amount up or down.
So in my ngAfterViewInit() method I have the following:
document.querySelector(".k-grid .k-grid-content").addEventListener("scroll", (e) => {
console.log('scroll event', e);
}
The idea is that I can then capture this event and pass it to the other grids so they can scroll too. However this isn't working as the event listener doesn't fire. Can you suggest a way to make this work?
cssClass not working in kendo-menu-item (cssStyle works)
HTML:
<kendo-menu>
<kendo-menu-item text="1" cssClass="x">
<kendo-menu-item text="1.1"></kendo-menu-item>
<kendo-menu-item text="1.2"></kendo-menu-item>
</kendo-menu-item>
</kendo-menu>LESS:
.x {
background-color: red;
}Module:
import { MenusModule } from '@progress/kendo-angular-menu';
const telerikModules = [
...
MenusModule,
...
];
@NgModule({
imports: telerikModules,
exports: telerikModules,
})
export class TelerikModule {
}