Tabstrip Wizard Doesn't Queue Selects

[jovaughn]

In this dojo I want to have a button to select the next and previous tabs(wizard navigation). The buttons work if the user clicks them slowly.

If the next button is clicked say 5 times rapidly, the tabstrip will only select up until the 2nd or 3rd tab instead of going all the way to the end.

I am using the asp.net core version of kendo but the jquery version is easier to show in the dojo and represents my problem.

https://dojo.telerik.com/EWALijil

 

Is there a way outside of disabling the button/debouncing/ or timeouts to get the tabstrip to queue any selects and use the final?

 

 

[Martin]

Hello Jovaughn,

Thank you for the provided Dojo example. 

The reported issue when clicking the button quickly is because the activation animation for the tab that is being loaded is not finished when you click the button to load the next tab in line. That results in the TabStrip being stuck on the second or third tab.

A possible solution would be to disable the animation configuration.

  var tabStrip = $("#tabstrip").kendoTabStrip({
  	animation:false
  }).data("kendoTabStrip");

Here is the modified example for reference.

Let me know if that is acceptable to you.

Regards,
Martin
Progress Telerik

[jovaughn]

Ended up using

tabStrip.setOptions({animation:false});

This solved the problem thanks.

Only issue I had was trying to do this using the tag helper.

None of these options seem to disable the animations

<kendo-tabstrip name="NewInvoiceWizard" animation="false">
        <popup-animation enabled="false">
            <close duration="0" effects="none" />
            <open duration="0" effects="none" />
        </popup-animation>

[Martin]

Hello Jovaughn,

I managed to disable the animation using popup-animation enabled="false". Here you will find a video how it behaves on my side. Of course, you can freely use setOptions method instead, if it is acceptable to you.

Let me know if you have any further questions.

Regards,
Martin
Progress Telerik