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!
Hello!
Is there any option to pin window to some DOM element, so that when i am scrolling whole page the window could scrolls together with it? I saw similar option in Kendo UI for jQuery. Or maybe you can suggest some workaround?
I also tried to use specifying custom window container but it is actually now working as I expected.
Thank you in advance!
I have an app that is launching a window via the WindowService open method and I want to set the "themeColor" for the window. There is no themeColor property available in the WindowsSettings. I did try setting it via htmlAttributes, but that didn't have any effect.
Am I just missing something?
const windowRef = this.windowService.open({
title: appointment.event?.name,
content: AppointmentModalViewComponent,
width: 500,
minWidth: 450,
htmlAttributes: {
"themeColor": "primary"
}
});
Hi, I'm facing with a problem when trying to use DialogService in a module less application with Angular 15
I've created a sample application to ilustrate the problem. Is based on the official documentation located at:
https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/#toc-content-template
When I launch the app the button doesn't appear and a console error is thrown about BrowserModule
Here is a screenshot with that error.
Thanks in advance!