I am trying to add a Telerik Tab Strip to a page however the header strips do not navigate to different tabs - it is stuck on the first tab (which is displaying correctly). It will not let me navigate to the second tab no matter what I do.
I have been stuck on this for a good few days now, any assistance will be fantastic.
I have added the control to my page as follows:
@Html.Partial("_TestTabbed", Model)
@(Html.Telerik().StyleSheetRegistrar()
.DefaultGroup(group => group
.Add("telerik.common.min.css")
.Add("telerik.vista.min.css")
.Add("telerik.rtl.min.css")
Then within the file _TestTabbed.cshtml:
@Html.Telerik().TabStrip().Name("productinfo").Items(x =>
{
TabStripItemBuilder tabInfo = null;
tabInfo = x.Add().Text("Product Info").Content(ProductInfo().ToHtmlString());
TabStripItemBuilder tabDocuments = null;
tabDocuments = x.Add().Text("Product Documents").Content(ProductDocuments().ToHtmlString());
var selectedTab = (string)ViewData["selectedTab"];
switch (selectedTab)
{
case "Product Info":
tabInfo.Selected(true);
break;
case "Product Documents":
tabDocuments.Selected(true);
break;
default:
tabInfo.Selected(true);
break;
}
EngineContext.Current.Resolve<IEventPublisher>().Publish(new AdminTabStripCreated(x, "productinfo"));
})
@helper ProductInfo()
{
@Html.Action("ProductSpecifications", "Catalog", new { productId = Model.Id })
}
@helper ProductDocuments()
{
@Html.Action("ProductTags", "Catalog", new { productId = Model.Id })
}