Add bootstrap badge to tab title

[AP]

Is it possible to add a bootstrap badge to a tab title?

 

I want to highlight the number of records in a tab panels, which is not initially selected.  Ideally, it would be something like:-

<span class='badge'>10</span>

Where the number would come from a variable (initially from the view bag).

 

Is this possible at all?

[Iliana Dyankova]

Hi Andrew,

To achieve this you should set .Encoded(false) to the TabStrip item text. As an example: 

@{
    ViewBag.SomeValue = "20";
}

@(Html.Kendo().TabStrip()
   //....
  .Items(tabstrip => {
     tabstrip.Add().Text(("Some text <span class='badge'>") + (string)@ViewBag.SomeValue + ("</span>")).Encoded(false)
   //.....

Regards,
Iliana Nikolova
Telerik

[AP]

That's great.

 

Thanks