Telerik Forums
Kendo UI for Angular Forum
1 answer
85 views
Hello.  I'm not using a kendo form here, so that may well be my issue.  I have constructed a kendo-dialog window to add or edit an object using kendo inputs--primarily text boxes with a couple of dropdowns and a checkbox.  When editing I want the fields to display the current variable value.  I'm binding with [(ngModel)].  The problem is that when I open an edit window, those values don't display until I click on each field (bring them into focus).   Is there a way to get these to display?  Thanks.
Yanmario
Telerik team
 answered on 02 Jan 2025
0 answers
227 views

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

 

 

 

Jörg
Top achievements
Rank 1
 asked on 20 Sep 2024
2 answers
149 views

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!

Zornitsa
Telerik team
 answered on 22 Apr 2024
2 answers
1.3K+ views

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!

 

 

JORGE
Top achievements
Rank 1
Iron
 answered on 07 Feb 2024
0 answers
331 views

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.

 

 

 

Akash
Top achievements
Rank 1
 asked on 01 Dec 2023
1 answer
367 views

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!

 

 

Simeon
Telerik team
 answered on 13 Sep 2023
1 answer
137 views

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!

Tsvetelina
Telerik team
 answered on 12 Sep 2023
1 answer
73 views

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"
      }
    });

Tsvetelina
Telerik team
 answered on 28 Jul 2023
0 answers
152 views
I need an integration between kendo-dialog and the Notification service.
Context:
I'm opening the kendo-dialog containing a FileSelect component, and a couple of buttons, one for persisting the uploaded file to the backend and the other for cancel the operation. When a user click the Save button without having selected the file to upload I'm showing up a error message with the Notification service. 
The problem is that when the Error Notification is shown, the Dialog is, I don't know if dismissed, hidden, or closed. The UI experience I want to provide to the user is that he/she is able to see the error notification without closing the dialog.

Can you please help me with this?

Check the attached zipped video
Lino
Top achievements
Rank 1
 asked on 13 Apr 2023
3 answers
316 views

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!

 

Pablo
Top achievements
Rank 2
Iron
 answered on 16 Jan 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
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
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?