Single Line Tabstrip

4 posts, 0 answers
  1. Vijay
    Vijay avatar
    19 posts
    Member since:
    May 2011

    Posted 05 Aug 2013 Link to this post

    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
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 07 Aug 2013 Link to this post

    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!
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Vijay
    Vijay avatar
    19 posts
    Member since:
    May 2011

    Posted 26 Sep 2013 Link to this post

    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
  5. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 26 Sep 2013 Link to this post

    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!
Back to Top
UI for ASP.NET MVC is VS 2017 Ready