Completed
Last Updated: 13 Jun 2021 11:16 by ADMIN
Chris
Created on: 25 Jun 2013 05:55
Category: TabStrip
Type: Feature Request
3
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
ADMIN
Rumen
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:

https://css-tricks.com/almanac/selectors/n/nth-child/ 

https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child 

Regards,
Rumen
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 https://learn.telerik.com/.