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.

The api should allow for the close of dialog on escape or backdrop click.

Starting with version "4.2.3" the LanguageService fails to be injected into the DialogTitleBarComponent.

This can be easily reproduced in the Single Component Rendering demo.

Link to StackBlitz: https://stackblitz.com/edit/angular-mprlwl?file=app/user-info.component.ts

Kindest regards,
Holger

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.

Hi,

We need to have it possible to close the active dialog by click on the overlay(backdrop). 

It's very natural as for me and is supported by a lot of libraries for modals/dialogs/windows