I am wanting to re-open a previously opened kendo dialog. The dialog has scrolling content so when it re-opens I want to be at the top of the dialog again.

How can I do this? Or will I need to destroy and re-create?

I have a kendo Dialog with an embedded wizard, populated by ajax.  On the first invocation of the dialog with the wizard, everything works fine.   Then it gets closed, I empty the wizard div on dialog close.  On the second invocation of the dialog, the activate method on the wizard starts getting called multiple times on the 'Next' button click, always at least once with the wrong step, the last one.  Is there a way to clear out the event handler for the wizard each time the dialog starts up?

Thanks.

I have a grid that has some data, and when I press an "edit" button, I want a wizard with forms to edit the contents over multiple pages. Because of all the binding, I figured I could re-use the same wizard and popup and just reload the data inside. This works pretty well until I add validation. For some reason setting model data results in the value being NULL inside the model.

const model = discountWizard.steps()[0].form.editable.options.model;
model.set("requiredField", "required"); // required: true in form
model.set("optionalField", "optional"); // required: false in form

// results in 
dirtyFields: Object { requiredField: false, optionalField: true }
optionalField: "optional"
requiredField: null

I've added a reproducer in Dojo: https://dojo.telerik.com/eQoGApIL

How can I fix this?

On a sidenote, the reset button doesn't seem to do anything by default, is that intended?

Hi team,

I want every of my kendo dialog to open and close with the same animation. Is there a way to define it in a single place, instead of adding the configuration on every single dialog ?

Many thanks,

Valentin

Hi,

I am trying to make my web application accessible using screen reader(NVDA).

I am using a kendo dialog and the screen reader on pressing the H key says no header found when there is already a title for the dialog.

I have tried to add the header tag as well as the role='heading' attribute with no success

Example: https://dojo.telerik.com/ILESolAY 

Can you please let me know if this is possible with kendo dialog, if yes can you please provide an example of the same.

Thanks in advance

Hello, av been using Kendo UI about a week now, I was wondering if the following was possible:

1. change the layout from treeview/Treelist to a grid, but it should come as a dialog (see attached image)

2. How to do I change the datasource to point to a location/file that is located locally?

I need a kendo confirm dialog that returns a value.

If OK button is clicked then i need to perform some actions.

If Cancel button is clicked then do nothing.

I have a kendodialog function already created with "OK" and "Cancel" button but it does not behave the way I expect it to behave.

I need the code to wait till the user selects a respoonse and not do any other processing till a user selects any input which would be the case for a normal javascript confirm dialog.

Any example demonstrating the same would be extremely helpful.

I have the following code to present a confirmation to the user but I am not sure how to close it ..

 kendo.confirm("Are you sure that you want to Update the System Cache? (<strong>Recommended<strong>)  </br></br> If Yes do not navigate away from this page")
            .then(function () {
                $('body').addClass('waiting');
                $('html,body').css('cursor', 'wait');
                $('btnUpdateCache').addClass('disabled');
                kendoConsole.log("Updating cache data please wait");
                kendoConsole.log("Do not navigate away from this page");
                $('#console-log').show();
             CLOSE IT HERE  <<<<<
            updateSystemCache();
        }, function () {
            //kendo.alert("You chose to Cancel action.");
        });

Given that code how would I close it?

I've noticed that the dialog control is very good at handling changes to the width of the browser window.  No matter how I resize my browser, the width is no wider than the window, and never exceeds the width I specified in the configuration.

Unfortunately, it doesn't seem to really care about the height of the browser window.  If I specify a height that's taller than the browser window, or resize the browser to be shorter than the dialog, the dialog extends past the bottom of the browser window and you are unable to see all of the dialog or access the buttons.

I wish it handled the height as well as the width.  Any chance that can be implemented?

I was able to accomplish this with the code below.  In Firefox, I tend to lose the padding below a tabstrip control, but otherwise, it's been ok, though I think you guys could do a better job that I've managed to implement.  I also don't want to have to support the code.  :)

                var maxHeight = 1;
                for (var i = 0; i < $("[data-id='ForgotWindow']").parent().children().length; i++) {
                    maxHeight += $("[data-id='ForgotWindow']").parent().children()[i].scrollHeight
                }

                var newSize = Math.min(window.innerHeight - 25, maxHeight) + 'px';
                _forgotDialog.setOptions({
                    height: newSize
                });

            _forgotDialog.open();

FYI, I create the dialog with a DIV that has the attribute data-id="ForgotWindow", and I've set it to the variable _forgotDialog.