Add Unique CSS Class or ID to each Tab [#1293706]

I created a fieldgroup with Horizontal Tabs, and it works awesome. But I'm wondering if there's a way to insert a unique CSS Class or ID to each "tab button". I'm attaching a screenshot of the code that is being rendered. YOu can see that each of the "horizontal-tab-list" items has the same CSS Class, except for the 1st and last items have that added class. But I'd like a unique CSS class or ID for each item, if possible?

Comment	File	Size	Author
#8	tab_buttons.png	22.74 KB	bechtold
	Screen shot 2011-09-28 at 10.46.57 AM.png	62.26 KB	minneapolisdan

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Comment #1

bryancasler CreditAttribution: bryancasler commented 29 September 2011 at 08:19

Comment #2

Stalski CreditAttribution: Stalski commented 29 September 2011 at 08:52

Status:

Active

» Needs work

Certainly possible. this will be included in next iteration.

Comment #3

minneapolisdan CreditAttribution: minneapolisdan commented 29 September 2011 at 17:11

Thanks for the quick reply, I appreciate it.

Comment #4

Stalski CreditAttribution: Stalski commented 2 October 2011 at 20:15

Status:

Needs work

» Fixed

Fixed and pushed.

Comment #5

16 October 2011 at 20:21

Status:

Fixed

» Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Comment #6

lhugg CreditAttribution: lhugg commented 2 December 2013 at 20:38

Version:	7.x-1.0	» 7.x-1.3
Issue summary:	View changes
Status:	Closed (fixed)	» Active

This fix does not seem to work in versions 7.x-1.1 thru 1.x-1.3. The fields are there to be added, but do not render in the code.

Comment #7

mel-miller CreditAttribution: mel-miller commented 9 January 2014 at 23:29

Also does not work on latest Dev snapshot (7.x-1.3+5-dev).
ID works, but not class.

Comment #8

bechtold CreditAttribution: bechtold commented 13 January 2014 at 16:56

File	Size
tab_buttons.png	22.74 KB

I think this works as needed. There are unique classes. (i'm not sure what the status should be set to)
See my screenshot in the red box.

If you want the group names like in the green box look here: https://drupal.org/node/2172645

Comment #9

nils.destoop CreditAttribution: nils.destoop commented 13 March 2014 at 21:47

Title:	Add Unique CSS Class or ID to each Tab Button	» Add Unique CSS Class or ID to each Tab
Status:	Active	» Closed (works as designed)

This works ok. The classes / ids are set on the fieldsets, never on the li's.

Comment #10

fietserwin

Le Mont-Dore

CreditAttribution: fietserwin commented 1 September 2014 at 09:30

The classes are unique but not predictable, as "#access" restrictions might change the index of a given group/button in the tab list. Therefore, @bechtold's idea in #2172645: group_name as class in tab buttons (add semantic classes based on group name) is better. Please go over there and review if you agree.