Position of tabs

5 posts, 0 answers
  1. Jaap
    Jaap avatar
    96 posts
    Member since:
    Oct 2012

    Posted 18 Jan 2012 Link to this post

    Hi,

    AFAIK the tabs can currenly only placed at the top.
    Would be a nice feature to be able to position them at the left, bottom or right.

    Jaap
  2. Dave
    Dave avatar
    9 posts
    Member since:
    Jul 2007

    Posted 18 Jan 2012 Link to this post

    I was just about to post this same thing. I'm porting something over from the Telerik ASP.NET Ajax controls and I use several TabStrips where the tabs are stacked vertically to the left or right of the content area. In general, I think this would be a nice improvement to the Kendo TabStrip control.
  3. Kendo UI is VS 2017 Ready
  4. Brian Roth
    Brian Roth avatar
    136 posts
    Member since:
    Oct 2005

    Posted 03 May 2013 Link to this post

    This would definitely be a nice feature to have. This is a little late, but here is a quick and dirty CSS workaround for a vertical orientation on the left side. Just add the tabstrip-vertical class to the tabstrip element. It's not perfect, and a better/more robust solution would be appreciated.

    .k-widget.k-tabstrip.tabstrip-vertical {
        /*Width of the tabs*/
        padding-left:12em;
    }
     
        .k-widget.k-tabstrip.tabstrip-vertical > ul.k-tabstrip-items {
            left:-1px;
            position:absolute;
        }
     
            .k-widget.k-tabstrip.tabstrip-vertical > ul.k-tabstrip-items > li.k-item {
                display:block;
                border-radius:4px 0 0 4px;
                border-width:1px 0 1px 1px;
                /*Width of the tabs*/
                width:12em;
            }
     
                .k-widget.k-tabstrip.tabstrip-vertical > ul.k-tabstrip-items > li.k-item.k-state-active {
                    border-right-color:#fff;
                    border-right-width:1px;
                }
  5. Pani
    Pani avatar
    1 posts
    Member since:
    Apr 2013

    Posted 21 May 2014 in reply to Brian Roth Link to this post

    Hello Brian-

    I know this post has been a while, but I see you are still very active on this forum...

    Could you post a working example where the CSS you mention has been applied to the TabStrip element as part of an MVC project?

    Thanks much!
Back to Top
Kendo UI is VS 2017 Ready