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/)
Currently, the (X) close button is always shown and visible. In other words, it is not possible to configure the dialog component to NOT display this icon button. It is actually not just about the icon button, but also the ESC shortcut. It should not be possible to close the dialog when the input is set.
Feature request: Add an input `closable` for the Dialog Component ('kendo-dialog') to be able to turn off the closable behaviour. Example:
```html
<kendo-dialog [closable]="false"></kendo-dialog>
```
The "closable" is `true` by default, ensuring that it is backwards compatible.
Use case: A certain dialog is presented to the user and user must NOT be able to close/ignore the dialog. The user is thus forced to resolve the instructions presented in the dialog and resolve it the intended way.
I would like to move dialog (because there is some content behind I need to see in order to fill form in dialog).
It would also be great if it could be resizable. If you have an input component inside dialog, you could set width to 100%.
I used this example to replace the built-in icons of the Kendo UI components. I was able to modify all the icons except the x icon in the Kendo UI Dialog and Window component. The x icon in the Kendo UI ComboBox was replaced as well.
The issue can be seen in this StackBlitz example.
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
Example usage:
<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:
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,
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