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


    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.

  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. 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*/
        .k-widget.k-tabstrip.tabstrip-vertical > ul.k-tabstrip-items {
            .k-widget.k-tabstrip.tabstrip-vertical > ul.k-tabstrip-items > li.k-item {
                border-radius:4px 0 0 4px;
                border-width:1px 0 1px 1px;
                /*Width of the tabs*/
                .k-widget.k-tabstrip.tabstrip-vertical > ul.k-tabstrip-items > li.k-item.k-state-active {
  4. 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