SplitView and Tabstrip CSS issue

4 posts, 0 answers
  1. Darren
    Darren avatar
    14 posts
    Member since:
    Feb 2009

    Posted 02 Dec 2015 Link to this post

    We are currently experiencing an issue when the using the TabStrip and SplitView.

    Navigating to the tab with the SplitView assigns the correct 'active' class to the TabStrip, however, if I then navigate to another Tab, the SplitView tab that I was on previously still has the 'active' class as opposed to the tab that is currently selected.

    Has anyone else experienced a similar issue? Would appreciate any help.

  2. Darren
    Darren avatar
    14 posts
    Member since:
    Feb 2009

    Posted 04 Dec 2015 in reply to Darren Link to this post

    As an update to this post, I have realised that it does not seem to be an issue caused by the SplitView specifically.

    The app we are developing aims to use a consistent tabstrip across every tab, however, in order to have the TabStrip display on the view that has the SplitView, I need to copy and paste the TabStrip code from the index file to the bottom of the SplitView view. So, this essentially gives us two TabStrips, which I'm guessing is what is causing the conflicting CSS.

  3. Darren
    Darren avatar
    14 posts
    Member since:
    Feb 2009

    Posted 04 Dec 2015 in reply to Darren Link to this post

    I have now realized that this is an issue I'm having with the data-layout. Is it possible to specify the data-layout attribute on a SplitView?
  4. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2592 posts

    Posted 07 Dec 2015 Link to this post

    Hi Darren,

    You could specify data-layout attribute to the SplitView panes (documentation link). For working examples check the online demos.

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top