Pending Review
Last Updated: 28 Mar 2019 15:08 by ADMIN
Created by: Beto
Comments: 1
Category: Dialog
Type: Bug Report
0

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.

 

 

 

Declined
Last Updated: 14 Jun 2019 11:01 by ADMIN

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.

https://dojo.telerik.com/oHaZukUf