Please support Kendo Dialog draggable option just like kendo window does. I don't see any reason why this option is not supported. Thank you.
Currently there is not a way to define a form with ng-submit within a dialog, and have the `<button type="submit">` within the actions. Take for example this ui bootstrap modal example, where the parent elemint is a form. ``` <form name="formData" ng-submit="form.submit()" novalidate="novalidate"> <div class="modal-header"> UI Bootstrap Modal form Demo </div> <div class="modal-body"> <input type="text" required ng-model="name"> </div> <div class="modal-footer"> <button class="btn btn-primary" type="submit"> OK </button> <button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button> </div> </form> ```
Currently, the width of the Dialog widget element is always restricted to fit within the width of the viewport (browser window). The height, however, is allowed to exceed the viewport height, which results in hidden content in the lower part of the Dialog. I would like to see the same restriction for the height of the widget as present for its width.
Further information could be found in the following Forum thread: https://www.telerik.com/forums/resizing-the-dialog---mobile-support
Make the Dialog widget responsive Note: Dialog category missing, selected Window instead
It would be nice if we can set the animations to false on the appearance of the dialog. When you use a lot of dialog boxes in a business application you don't want animations as it costs productivity.
I generate a simple custom dialog with 3 buttons using the following code:
var modalDialog = $('<div id="dialog"></div>');
modalDialog.appendTo($('body'))
modalDialog.kendoDialog({
width: "450px",
title: 'Title',
closable: true,
modal: true,
content: 'What is your choice?',
actions: [
{ text: 'Button 1' },
{ text: 'Button 2' },
{ text: 'Button 3' },
],
animation: {
open: {
effects: "fade:in",
duration: 250
},
close: {
effects: "fade:out",
duration: 250
}
},
});
For Kendo I use a custom download based on v2018.3.10.17 which works fine.
After creating a new custom package based in 2019.1.220 the dialog looks broken. (see image below)
Usually each of the buttons would automatically get an inline style of 33% so they stretch over the whole width of the dialog.
For some reason this doesn't work in the 2019 version anymore and is also broken in the 2019.1.115 build.
Since the documentation doesn't show this as a new layout, I guess it is a bug.
When using MVVM, when modal = true, the entire page is always in modal mode at page load even if the dialog is not visible. When not using MVVM, when the dialog is not visible, the page is not in modal mode which is expected.
Here is a modified Dojo that I got from your demo page that I set the dialog to not visible but the modal is on at page load.
https://dojo.telerik.com/OYOcedum
Here is the same not using MVVM that the dialog is set to not visible and the modal is not on at page load as expected.
When a Kendo window is opened, I am not able to scroll the content in the window using keyboard but the window just moves up and down. When the window is maximized I am able to scroll the content of the window.
Hello,
the "center" Method of the Dialog widget is not documented, but can be called at runtime.
Please document this method, and also include it in the typescript bindings.
https://docs.telerik.com/kendo-ui/api/javascript/ui/dialog
A Dialog button action is executed twice when using keyboard navigation in Firefox.
The action for the Save button is triggered twice.
The action for the Save button should trigger only once.
NVDA reads clickable many times in dialog.
Once the Widow gets focused and NVDA is reading, the "clickable" is repeated too many times.
Note: Sometimes it is needed to close and open the Window again to replicate the issue.
The "div" blocks that are responsible for resizing the window should be descriptive to not confuse NVDA users of many "clickable" or something else to do it more accessible.
The buttonLayout option of the Dialog has no effect when using the SASS themes.
The buttons rendering is not changed
The buttons should be changed according to the buttonLayout option.
When the modal state is disabled and the width and height of the Dialog are set in pixels the the size is not correctly applied.
The width and height are not 50%. When the ### modal is set to true the width and height are correctly applied.
The size of the Dialog should be set correctly when the modal option is disabled.