This is a migrated thread and some comments may be shown as answers.

TabStrip - same view with only different URL parameters

3 Answers 159 Views
TabStrip (Mobile)
This is a migrated thread and some comments may be shown as answers.
user1843640
Top achievements
Rank 1
user1843640 asked on 17 Jan 2013, 09:45 PM
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>
</div>

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.

3 Answers, 1 is accepted

Sort by
0
Alexander Valchev
Telerik team
answered on 21 Jan 2013, 02:59 PM
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()
                .footer
                .find("[data-role=tabstrip]")
                .data("kendoMobileTabStrip");
    tabStrip.switchTo("#foo?param=1"); //change the selected item
}


Regards,
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!
0
Gopi
Top achievements
Rank 1
answered on 22 Jul 2015, 02:21 AM

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

 

@(Html.Kendo().TabStrip()
    .Name("CredentialingActiveRecordTabs")
    .Animation(false)
    .SecurityTrimming(true)
    .Items(tabstrip =>
        {            
            foreach (var item in Model )
                {
                    tabstrip.Add().Text(item.StaffingRoleName)
                    .Selected(true)
                    .LoadContentFrom(@Url.Action("GetCredentialingGeneralInfoTab", "Credentialing", new { PersonCredentialingID = item.PersonCredentialingID, editCallSource = item.EditCallSource }));
                }            
        })
)

0
Petyo
Telerik team
answered on 23 Jul 2015, 06:04 AM
Hello,

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. 

Regards,
Petyo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
TabStrip (Mobile)
Asked by
user1843640
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Gopi
Top achievements
Rank 1
Petyo
Telerik team
Share this question
or