Requirements:
We have to create a Kendo Ui JQuery Wizard with dynamic number of steps. We want to develop the registration page exactly like:
But it has to be in Kendo UI JQuery Wizard. Can you please guide me how to achieve this. I have tried the following code but it is not working.
Please see the attached code.
Thank you,
Gururaj
Hi,
I need to extend the kendo form dynamically. I created a dojo for demonstration:
https://dojo.telerik.com/IDElitox
In the first form, user should be able to click "Add" button and create a new pair of field at the bottom of the form, which shouldn't affect previously filled fields. So instead of 1, the user can submit more than 1 header pair.
Is it possible? How can I do that?
The number of inputs is ambiguous so I didn't think of any better solution. If there is a dedicated tool for this purpose, please let me know.
Regards,
Umutcan
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?
Hello!
Kendo Wizard always validates the step forms when navigating between them, even if you press "Previous".
This can be seen in the official sample here:
https://demos.telerik.com/kendo-ui/wizard/index
If you are on Step 2 and press "Previous", you are required to input all data before going back to Step 1.
How can I change this? I want to validate the current step form content only if you press "Next", and allow the user to go back without inserting data if he presses "Previous".
Thanks!