Last Updated: 13 Jun 2021 11:16 by ADMIN
Created on: 25 Jun 2013 05:55
Category: TabStrip
Type: Feature Request
Number list items in RadTabStrip, RadPanelBar, RadMenu
While it is currently possible to target the first or last item in a RadTabStrip via their CSS classes .rtsFirst and .rtsLast, it is not possible to target individual items, e.g. to add a custom icon or display different background images in tabs.

Assigning icons via the ImageURL property is often not feasible, e.g. when using the RadTabStrip-based navigation controls in Sitefinity.

Numbering the list items, e.g. .rtsLI1, .rtsLI2, .rtsLI3, etc., would be trivial to implement and provide a lot of flexibility through individual CSS targeting.

This also applies to the RadPanelBar and RadMenu controls.
1 comment
Posted on: 13 Jun 2021 11:16

Hi Christian,

In CSS3 you can use the :nth-child pseudo class, which matches elements based on their position in a group of siblings, to achieve this goal: 

Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at