When opening a Kendo dialog, it's in most cases necessary to prevent the background page from scrolling.

Telerik offers a solution to address this issue:
https://www.telerik.com/kendo-angular-ui/components/knowledge-base/page-is-scrollable-when-open-dialog

<kendo-dialog disableBackgroundScroll>
  ...
</kendo-dialog>

Hi,

I'm using the DialogService and it would be good to be able to provide my own injector so I can extended the service. Currently the DialogService uses the container's injector.

Reason for this feature request is to provide data to the dialog itself via DI, similar to how Angular Material allows this via MAT_DIALOG_DATA injection token.

Thanks,

Anthony

Provide a 'title' property for the DialogAction objects in order to have the ability to configure a tooltip for the action buttons of the Dialog when DialogService is used.

Currently, there is no existing option for setting a title for the action buttons when they are passed as a collection of DialogAction objects to the actions property. A title can be set only when the action buttons are configured separately in a template:

• https://stackblitz.com/edit/angular-w685vt 

I would like to switch off scrollbars for individual dialogs, thus it would be great to have a scrollable (https://docs.telerik.com/kendo-ui/api/javascript/ui/window/configuration/scrollable) option to control this behavior. This should be also available in the configuration of dialog service.

Because of the CSS, if a parent element has used translate (transform: translateX(0px); ) every child element  under it is no longer fixed.

This causes components like kendo-dialog to be relatively positioned inside the drawer - usually cut off.

Even turning off animation still leaves the style rule.

• Disabling animation should also ensure no related CSS is applied (like using transform: none at least)
• Provide a keyframe based animation instead of translateX (example http://jsfiddle.net/whnuLf6v/50/)

Hi,

Please provide closing animations for the Dialog just like there are animations for the opening.

thanks

Add configuration inputs for control animation of Dialog component.

As already present on popupService -> https://www.telerik.com/kendo-angular-ui/components/popup/api/PopupSettings/#toc-popupclass

is it possible to have also dialogClass when dialogService is used?

Thanks.

Currently, the DialogAction only supports setting primary as a configuration.

Could it be extended to also allow other button variants - like look=flat or a cssClass config option?

Passing a template beats the entire purpose of using a service - you need to now add additional local HTML, manually handle button clicks etc.

I need accessibility  support for dialog, h2 in the title, role=alertdialog on the window

When using the DialogService (or the PopupService), you must pass either a TemplateRef or a Component class to the content property for it to create.  However, if you have a Component that needs special initialization (i.e. constructor parameters) or that you have already created using a factory, you cannot use that as the content for the DialogService/PopupService.  This feature request is to allow the content parameter to be valid if an existing component instance (already created) is passed.

I would like to dialog can drag and set position.

Provide the "buttonLayout" (https://docs.telerik.com/kendo-ui/api/javascript/ui/dialog/configuration/buttonlayout) setting for Dialog and DialogService.

Useful values for layout would we "Stretched", "Start", "Center" and "End".

Currently there is no way to provide a component from a lazy-loaded module as content in the Dialog Service. 

We need a way to pass in the correct injector/componentFactoryResolver to use to load the component with.

Further discussion and possible solution are available in the following Angular GitHub threads:

https://github.com/angular/angular/issues/14324

https://github.com/angular/angular/issues/17168

Currently there is no way to ged rid of 'x' closing button in top right corner. It can be hacked by css globally, but if using the DialogService yoy can not configure if the closing 'x' should be present or not - that would be nice feature

Currently there is no easy way to programmatically close a dialog from within the dialog component. Also it should be possible to a return a reason why the dialog was closed which may be different to the action buttons and the reason should be available when subscribing to the result stream 

Perhaps have a look at the ng-bootstrap dialog and implement something similar. See: https://ng-bootstrap.github.io/#/components/modal/api. If the content of the modal is a component, then nb-bootstrap can inject the dialog instance into the dialog component (using the NgbActiveModal class). The NgbActiveModal class can then be used to programmatically close / dismiss the modal from "inside" the component.

It would be nice if it was possible to open kendo dialogs with separate component and template like you do in angular material, see below.

https://material.angular.io/components/dialog/overview

let dialogRef = dialog.open(UserProfileComponent, { 
height: '400px', 
width: '600px', 
});

dialogRef.afterClosed().subscribe(result => { 
console.log(`Dialog result: ${result}`); // Pizza! 
});

Would like to be able to set the color on the kendo dialog. We have a mobile application that uses dialogs for error reporting and some times informational reporting. Being able to set the color on the Dialog title bar as well as the button color would be a great feature.