I am trying to use Kendo's Dialog to get user confirmation of an action. I am using Kendo v 2022 3.913 with jQuery 3.7.1, but I get an error when trying to initialize the component (see below). Has anyone experienced this? If so, how did you fix it? I think I have loaded all the dependencies.
The error:
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.
01.
if (displayConfirmDialog("Do you want to continue ?")) {
02.
// do something if function returns "TRUE" i.e. the OK button is clicked
03.
}
04.
05.
// Test function
06.
function displayConfirmDialog(contentText) {
07.
var response = false;
08.
let dialogDiv = $('<
div
/>').appendTo('body');
09.
dialogDiv.attr('id', 'displayDialog');
10.
$("#displayDialog").kendoDialog({
11.
width: "450px",
12.
closable: false,
13.
modal: true,
14.
content: "<
p
id
=
dialogContent
>" + contentText + "</
p
>",
15.
buttonLayout: "normal",
16.
actions: [
17.
{
18.
text: "Ok",
19.
action: function (e) {
20.
closeAndDestroyNotificationDialog(e.sender);
21.
response = true;
22.
},
23.
primary: true
24.
},
25.
{
26.
text: "cancel",
27.
action: function (e) {
28.
closeAndDestroyNotificationDialog(e.sender);
29.
}
30.
}
31.
],
32.
})
33.
34.
$(".k-window-titlebar").addClass("warningDialogTitleBar");
35.
$(".k-dialog-title").addClass("warningDialogTitle");
36.
37.
return response;
38.
}