Hello,

I'm looking for some guidance on how to implement pdf viewer on kendo ui, I'm thinking To use PDF.js.

My thinking process is as below:

1. I would like to have a button on my Kendo Editor
2. The user click on that button
3. A window will display and it will contain two fields and two buttons:
   • PDF URL
   • Heigh
   • Confirm button
   • Cancel button
4. If the user click on the confirm button
   • The pdf will show as embedded pdf
     

5.  If the user clicks on Cancel

6. The process will not execute and the user will be back at the kendo editor

Based on your experience what can you recommend?

Thanks in advance,

Sunny Carrandi

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

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?