Approved
Last Updated: 07 Aug 2019 10:15 by ADMIN
Holger
Created on: 02 May 2017 06:36
Category: Kendo UI for Angular 2+
Type: Feature Request
46
Scrolling TabStrip
Make the TabStrip component scrollable, like the counterpart (http://demos.telerik.com/kendo-ui/tabstrip/scrollable-tabs) in Kendo UI for JQuery is.
12 comments
ADMIN
Dimiter Topalov
Posted on: 07 Aug 2019 10:15
Hello,

I would like to assure you that we are tracking all feature requests in our Feedback portal, and are periodically evaluating them based on both the customer demand, and the perceived business value of the given enhancement. This is why there is no some particular number of votes that a certain feature request needs to accumulate before we consider to add it to our roadmap. We are aware that the scrollable tabs feature is among the highest requested ones for the Layout package components, and will reevaluate when updating the roadmap after the next official release, scheduled for mid-September.

Typically, our roadmap and priorities depend largely on the business value and customer demand for specific components and features, but I can also present an offering that may be relevant and applicable to your needs - our Feature Acceleration program. 

It allows a customer to negotiate a certain component or functionality to be implemented on demand or sooner than our roadmap implies. Feature acceleration fits well in scenarios where a feature or enhancement is important for an application's success, but it is not planned to be available at the time of the application's completion.

Let me know if anyone is interested in pursuing this option or otherwise benefiting from the expertise of our Professional Services team at any time and I will put you in touch with them to discuss your exact specifications and possible timeframes.

Alternatively, you can use the Kendo UI for jQuery TabStrip in the Angular application as described in the following section of our documentation (until the desired feature is introduced in the Kendo UI for Angular Toolbar component too):

https://www.telerik.com/kendo-angular-ui/components/framework/kendo-jquery/

I hope this can prove to be an acceptable temporary workaround alternative to the previously linked scrollable tabs one.
 
Regards,
Dimiter Topalov
Progress Telerik
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.
Toine
Posted on: 31 Jul 2019 20:12

I agree with Nicholas. This feature was requested more then 2 years ago. Can we please get some feadback on this so at least we know if this is gonna be implemented anytime soon or we should consider looking for another component.

I love the Telerik Angular suite as I did with all the other suites I used in the past. I realize that Telerik is the only supplier that is building a suite purely Angular2+ form the ground up and I love this decission. Still I feel that this feature should have a higher priority as Angular2+ is mostly used in a mobile first enviroment. When you supply a tabstrip component in a suite that is very much used in a mobile/tabled setting then the scrolling feature should be mandatory.

Nicholas
Posted on: 31 Jul 2019 19:42

Any updates on when/if the scrollable functionality will be implemented in the tabstrip for Kendo UI for Angular? How much "interest" by the public is needed to get this feature?

My current project is using Kendo UI for Angular, and I was expecting this functionality out of the box - as this is the default behavior for the tabstrip in Kendo UI for jQuery: https://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip/configuration/scrollable

"scrollable Boolean|Object (default: true) If enabled, the TabStrip will display buttons that will scroll the tabs horizontally, when they cannot fit the TabStrip width. By default scrolling is enabled."

Without this scrolling feature the tabstrip control is useless in a mobile world. The "workaround" to display a horizontal scrollbar via css with setting the overflow is rather poor. I am rather surprised this was not a day one feature in this control set. 

Rob
Posted on: 15 Mar 2019 13:31
We're trying to use as many Kendo UI for Angular components as possible in our application.  Missing this feature, as well as the proposed workaround, currently prevents the use of the TabStrip.
ADMIN
Dimiter Topalov
Posted on: 18 Feb 2019 09:53
Hi,

Indeed, such an enhancement would be nice to have. We are tracking this thread and will consider this enhancement, based on the interest. Meanwhile you can overwrite the built-in styling to make the Tabs list scrollable, e.g.:

https://stackblitz.com/edit/angular-r2zuba-8aaekd?file=app/app.component.ts

Regards,
Dimiter Topalov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
jaroslav
Posted on: 11 Feb 2019 22:04
This component could really use the Scrolling functionality for tabs, it makes the whole component barely usable for many use cases.
Toine
Posted on: 08 Dec 2018 17:01
We need this asap :)
Alessandro
Posted on: 03 Dec 2018 15:24

Hello,

this functionality looks like supported by the Kendo UI for jQuery,

https://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip/configuration/scrollable

the same support would be nice for Angular!

Thanks

 

aa
Posted on: 26 Sep 2018 02:35
I want this functionality too !!  It would be nice to have this
Christopher
Posted on: 07 Sep 2018 16:30
This would make Tabs usable on mobile devices.
Imported User
Posted on: 14 Mar 2018 11:27
http://embed.plnkr.co/2WnUV5l2cMqiGUr4Olyt/

Implementing something like this when there are too many tabs to show and you can't because of the width of the screen. A simple property to make the TabStrip scrollable horizontally would be a nice addition.

eg.
<kendo-tabstrip [scrollable]="true">
     ...
</kendo-tabstrip>
David
Posted on: 09 Nov 2017 13:55
Right now the TabStrip just doesn't show all the tabs if there is not enough space. Making it scrollable would also be a solution.