Disable Tab

[Barry]

How do I disable certain tabs in my mobile tabstrip?

[Iliana Dyankova]

Hello Barry,

Apologies for not getting back to you earlier.

I am afraid disabling tabs in Kendo UI Mobile TabStrip is not supported at present. As a possible workaround I can suggest you to attach an event handler to the select event and prevent the selection (with e.preventDefault()) if the tab fits some conditions. For example: 

$("#tabStrip").kendoMobileTabStrip({
    select: function(e) {
       //get the id of the selected tab
       var disabledTabId = $(e.item).attr("id");
       //check if selected tab's id is "someId" and prevent the selection
       if(disabledTabId == "someId"){
           e.preventDefault();
       }
    }
});

Regards,

Iliana Nikolova
the Telerik team

[David Gerding]

Hi,
This approach didn't work for me.  I cut and paste the code and added my own appropriate id values ... but the event doesn't even seem to fire - at least the console.log I tried there never seems to fire.  Any thoughts or different approaches?

Thanks, Dave G

[Iliana Dyankova]

Hi Dave,

I tested the suggested approach and everything is working as expected on my side. For your convenience here is a jsBin example - could you please edit it and show me your current implementation? This way I would be able to advice you further and provide concrete recommendations. Thank you in advance for your time and cooperation.
 

Regards,
Iliana Nikolova
Telerik