Widgets inside a wizard

5 posts, 0 answers
  1. Henk Hendriks
    Henk Hendriks avatar
    3 posts
    Member since:
    Sep 2018

    Posted 28 Feb Link to this post

    I want to create a wizard from an existing form that includes several kendo widgets. The form and its widgets work fine until I initiate the wizard. The first step of the wizard includes a country dropdown and that stops working as soon as the wizard has been initialised. The dropdown doesn't respond to any clicks, nor are there any errors displayed in the browser console. One of the checkboxes should trigger a view model method, but that's not working either.

    The form is used to add data to the database. The same form is used to update the database (without needing a wizard) and works as intended when updating.

    Help?

    Regards,

    Henk

  2. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    1241 posts

    Posted 02 Mar Link to this post

    Hi Henk,

    May I ask you to provide a small isolated Dojo sample demonstrating the scenario in question? This way we will be able to troubleshoot the case locally and to provide you with the most appropriate assistance on that.

    Meanwhile, have you consulted our demo on how the Kendo Form widget could be integrated within the Wizard? The Form would allow you to define Kendo editors directly within the Wizard configuration itself. That might be useful for your use case.

    Regards,
    Veselin Tsvetanov
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

  3. Henk Hendriks
    Henk Hendriks avatar
    3 posts
    Member since:
    Sep 2018

    Posted 02 Mar in reply to Veselin Tsvetanov Link to this post

    Hi Veselin,

    I have attached an html file that I saved from the Dojo. Hopefully it is clear enough at your end. The checkbutton does what it is supposed to do when the call to the wizard is commented out, but not when it isn't.

    I know about the Form widget integration but I prefer to reuse the form as generated by the php framework (Yii 2).

    Best regards,

    Henk

  4. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    1241 posts

    Posted 04 Mar Link to this post

    Hi Henk,

    When initializing Kendo widgets with MVVM, you should avoid using the kendo methods to avoid other widgets in the same container. Doing so may result in an improper interpretation of the context (what could be observed in this case too). Having that said, I would recommend you to remove the following:

    $("#translator-form").kendoWizard();

    And initialize the Wizard with MVVM:

    <form id="translator-form" action="/translator/update/5204" method="post" data-role="wizard">

    Regards,
    Veselin Tsvetanov
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

  5. Henk Hendriks
    Henk Hendriks avatar
    3 posts
    Member since:
    Sep 2018

    Posted 04 Mar in reply to Veselin Tsvetanov Link to this post

    Hi Veselin,

    Ok, thanks for your info. I'll give it a try.

     

    Regards,

    Henk

Back to Top