Telerik Forums
Kendo UI for Angular Forum
0 answers
103 views

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?

 

 

 

 

 

Markus
Top achievements
Rank 1
 asked on 20 Mar 2023
0 answers
137 views
Is it possible to default the am/pm portion of the time picker display?
The reason I ask is if the valid range already knows that you can only enter PM time, then we should be able to default this AM/PM portion.

Thanks!
Leslie Portugal
Top achievements
Rank 1
 asked on 20 Mar 2023
0 answers
102 views
I only want to forward the click if a flag is true and only then the button shoul by selected, It is possible?
Julian
Top achievements
Rank 1
 asked on 17 Mar 2023
0 answers
76 views
I'm creating a window with the window service and setting a title. But then user selection may change and the contents of the window might change. I can get the instance of the component and change its inputs so the content of the window changes, but how do I change the title of the window without closing it and reopening a new window with a different title?
Noah
Top achievements
Rank 2
Iron
Iron
Iron
 asked on 16 Mar 2023
1 answer
87 views
So far our library structure was that we create libraries which use kendo and those libraries use scss kendo variables. However since we updated to angular 15 and the latest kendo libraries those things don't work anymore.

When we troubleshoot those things we get several errors, first the variable names are completly missing from the file. However even when we remove those and rename the ones which are renamed its still not working saying that inside _variables.scss kendo requires e.g. (look image below) some undefined variable.



This might be a angular problem that angular should allow building libraries even when scss variables are missing, cause inside the root app we will import all scss which is required to make those things build?

OR

There are some new changes in kendo and we arent aware of them. Is there any tutorial on the docs explaining how to build other libraries and use kendo themes e.g. bootstrap to then overwrite default kendo style?

Please if possible provide detailed informations cause we really don't get futher with this.

OR

Maybe now you have split up that theme library into multiple ones and we need to install a new library and import the scss? However we would still like to maybe just use variables and let the root app provide the scss properly.
Stoyan
Telerik team
 answered on 16 Mar 2023
0 answers
750 views

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">
      <li *ngFor = "let campoChildren of campodisplay.children">
                    <a class="dropdown-item" (click)="campoChildren.action">{{campoChildren.name}}</a>
       </li>
</ul>

Saby
Top achievements
Rank 1
Veteran
Iron
 asked on 15 Mar 2023
0 answers
80 views

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.

 

Carl
Top achievements
Rank 1
 asked on 14 Mar 2023
2 answers
1.0K+ views

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?

 

 

Vinicius
Top achievements
Rank 1
Iron
 answered on 13 Mar 2023
0 answers
71 views
Following example is what we don't want 

We have 2 series a and b, one of them renders one y-axis the other is supposed to render another. We would like to have the min and max of the axis based on the series which is linked to it.



In the above example we would like one y-axis to start from 0-10 and the other from 0-10000.

The points should be displayed on the chart relative to the y-axis they belong.
Christian
Top achievements
Rank 1
Iron
 asked on 13 Mar 2023
0 answers
211 views

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 {
}

 

Dmitry
Top achievements
Rank 1
 updated question on 12 Mar 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?