This is a migrated thread and some comments may be shown as answers.

Single Line Tabstrip

3 Answers 18 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Vijay
Top achievements
Rank 1
Vijay asked on 05 Aug 2013, 01:30 PM
Hi,
I am trying add tabs into an existing tabstrip and it works as expected. But when the number of tabs increase it goes to the second line. Is there a feature that will place the tabs on the same line.
Thanks in advance

3 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 07 Aug 2013, 10:11 AM
Hi Vijay,

I am afraid your scenario is bit unclear - would you like the tabs to be overlapped, to prevent adding items in case on the first line is not enough space or maybe to change their width? Could you please elaborate a bit more on the exact outcome you would like to achieve - this way I would be able to advice you further and provide concrete recommendations? Thank you in advance for your cooperation.   

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Vijay
Top achievements
Rank 1
answered on 26 Sep 2013, 01:09 PM
Hi Iliana,
      The feature that I would like to have is the same as that we see in IE or Chrome. As the number of tabs increase it gets accomodated in a single line.
Regards,
Vijay
0
Dimo
Telerik team
answered on 26 Sep 2013, 03:57 PM
Hi Vijay,

The described behavior is not supported out of the box. Generally, there are numerous techniques you can use, but they all require a custom implementation (tab resizing, custom scrolling, etc). Here is a simple example, which does not require additional scripting:

http://jsfiddle.net/dimodi/6Z62d/

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
TabStrip
Asked by
Vijay
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Vijay
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or