Hi,
We have a Tab strip on a screen that can have about 10 to 20 tabs on ant any given time and the tab names can be quite long. This has worked fine until we have started moving over to Bootstrap 4, we have set the theme to "kendo.bootstrap-v4.min.css" and the scroll no longer works on the tab strip the tabs just get really small.
an example of this can be seen here https://jsfiddle.net/a0dq3m2j/ if you change the theme to "kendo.bootstrap.min.css" then it works as expected then you make the left pain smaller but with "-v4" the tabs just get smaller until its impossible to use.
Daivd
1 Answer, 1 is accepted
0
Hi David,
The issue is caused by not commenting the kendo.common.min.css file, thus applying additional unnecessary styles. The SASS Bootstrap v4 theme does not require it to function properly. The following Dojo snippet shows Scrollable TabStrip with Bootstrap v4 working as expected.
As a side note, it is advisable to avoid posting duplicate threads. Thus we will be able to provide better support with shorter response times. Thank you for your understanding.
Regards,
Dimitar
Progress Telerik
The issue is caused by not commenting the kendo.common.min.css file, thus applying additional unnecessary styles. The SASS Bootstrap v4 theme does not require it to function properly. The following Dojo snippet shows Scrollable TabStrip with Bootstrap v4 working as expected.
As a side note, it is advisable to avoid posting duplicate threads. Thus we will be able to provide better support with shorter response times. Thank you for your understanding.
Regards,
Dimitar
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which
deliver the business app essential building blocks - a grid component,
data visualization (charts) and form elements.