I got a simple custom dialog created with a <kendo-dialog> inside a component. The overlay works great and fills all the screens, except the matSideNav with Menu. The width of the overlay = screen wide.;

I tried to change z-Index of the k-overlay, but nothing works.

The only thing that works is using the Kendo Dialog Service with the outside of the nav container

<div kendoDialogContainer></div>
 

Any ideas?

Hello!

I'm trying to implement the DialgService as described in the example (Angular Dialogs Dialog Angular Service - Kendo UI for Angular (telerik.com) but I keep getting the following error:

Cannot attach dialog to the page.
Add an element that uses the kendoDialogContainer directive, or set the 'appendTo' property.

Yes, I tried to google for a solution and some answers suggested, to put the 

<div kendoDialogContainer></div>

into my app.component.html but that didn't change anything. Setting the "appendTo" property only resulted in a typescript error.

Does anyone have a suggestion for me on how to fix this error?

Thanks for any help in advance!

Cheers

Joerg

Hi,

Is there a way to do some data binding on action buttons while using the service dialog.

        const dialog: DialogRef = this.dialogService.open({
            title: 'Create Dialog',
            content: SomeFormComponent,
            actionsLayout: 'end',
            actions: [
                { text: 'Cancel', fillMode: 'clear', themeColor: 'accent' },
                {
                    text: 'Create Something',
                    themeColor: 'primary',
                    fillMode: 'solid',
                    cssClass: 'height-override',
                },
            ],
        });

I want to place some binding to the "Create Something" button to toggle it being enabled/disabled.

Is this even possible? Is there some sort of workaround?

Thanks!

When I click on a row, the incoming data opens automatically when I click anywhere in the grid.

I did a debug, before clicking nowhere I clicked on an empty pane on the grid and down into my dbClickWorkFlow() method.

Is it possible to put the dbClickWorkFlow() method in another part of the Grid Html? It didn't work when I tried it. Or do you have any good suggestions to fix it? For instance, only one row should be affected. 

I had researched a lot of questions and found similar problems but it is not helpful.

It does not allow any good experience.

LIKE THAT, JUST ANGULAR KENDO GRID PROBLEMhttps://www.telerik.com/forums/grid-edit-popup-double-click-event-bug

I need help!

I am using DialogService in my project and add below line in root file of the application so other component don't need to add. 

Now the problem is, if i opened the dialog from specific component then If I go back to previous screen then Dialog remain open.

What I found is, basically I put the div is in root file so the dialog will always reside it at root level. 

right now I have a one solution is to remove that div from root file and keep it in all component file, where it is used.

If you have another solution then let me know because I don't want to put that div in all angular component.

Hey there,

I'm currently developing a web app and making use of KendoUI, with a specific focus on the KendoTooltip component. However, I'm facing an issue when trying to use it with a native HTML5 dialog. The tooltip doesn't seem to display above the dialog.

Update: I just realized, that all components using KendoPopup are affected. So when I open a dropdown it's hidden in the background as well.

It's worth noting that the native HTML5 title attribute works just fine in this scenario.

I've even forked one of your examples to demonstrate the problem: Tawij7 (forked) - StackBlitz

If anyone has insights or suggestions on how to make the KendoTooltip work seamlessly with native HTML5 dialogs, I'd greatly appreciate your help!

Thanks in advance!