TabStrip - same view with only different URL parameters

4 posts, 0 answers
  1. user1843640
    user1843640 avatar
    8 posts
    Member since:
    Oct 2006

    Posted 17 Jan 2013 Link to this post

    I have a tab strip where two of the tab urls differ only by the url parameters.  For example:
    <div data-role="tabstrip">
        <a href="#itemsView?favorites=1" data-icon="icon-star">Favorites</a>
        <a href="#itemsView" data-icon="icon-all">Items</a>

    The tab strip works as expected when clicking/tapping to navigate but when navigating using kendo.navigate(), the correct tab button is not visually selected.

    Can you confirm that this is a bug that will be fixed.  Also, is there any quick workaround for this?  Thanks.
  2. Alexander Valchev
    Alexander Valchev avatar
    2895 posts

    Posted 21 Jan 2013 Link to this post

    Hi Savvas,

    Thank you for getting in touch with us.

    I can confirm that this is a bug in the current implementation which we will try to fix as soon as possible. As a small sign of our appreciation for this discovery I updated your Telerik points.

    As a temporary workaround I can suggest to hook up to the view show event of the corresponding View and manually set the active tab via the switchTo method. As an example:
    function onShow(e) {
        var tabStrip = e.view()
        tabStrip.switchTo("#foo?param=1"); //change the selected item

    Alexander Valchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Gopi
    Gopi avatar
    2 posts
    Member since:
    Jan 2014

    Posted 21 Jul 2015 in reply to Alexander Valchev Link to this post

    Hi I am having issue with similar kind of problem , I am trying to load same view on different tabs based on different parameters , but controller are not loading correctly , could you please help in this regard


        .Items(tabstrip =>
                foreach (var item in Model )
                        .LoadContentFrom(@Url.Action("GetCredentialingGeneralInfoTab", "Credentialing", new { PersonCredentialingID = item.PersonCredentialingID, editCallSource = item.EditCallSource }));

  4. Petyo
    Petyo avatar
    2444 posts

    Posted 23 Jul 2015 Link to this post


    the thread in question refers to the mobile tabstrip widget and is not related to your case. I may suggest that you open a support ticket regarding the ASP.NET MVC TabStrip Wrapper. Thank you in advance. 

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