In general, the default Kendo ripple effect can be applied to any focusable element located within a kendoRippleContainer element as demonstrated in the following article:
The tabs of the TabStrip are represented as li items within the DOM (which are non focusable elements). That is why, the ripple effect is missing by default on them. However as a workaround we could use the TabTitle directive of the TabStrip in order to use buttons for the actual tabs. The buttons are focusable elements and thus the ripple effect will be applied to them. These buttons can be further customized via some custom CSS in order to resemble the desired appearance.
Another option is to manually attach the '.k-button' class to all li elements that are used for the tabs. Please check the following example demonstrating the two suggestions:
I hope this helps. Let me know in case there is something unclear about the provided example.
Get quickly onboarded and successful
with your Telerik and Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.