Adding List Classes

I actually got this working the other day as I needed to have classes on my tabs so I could style them differently. So now I have class names like "tab-1" and "tab-2" so it makes things much easier than using the nth selector in CSS3 and finding workarounds for IE.

Anyways here is the code. Add it to your theme's template.php and in this case I was using the jQuery UI tabs style for my Quicktabs.

/**
 * Theme function to output tablinks for jQuery UI style tabs.
 *
 * @ingroup themeable
 */
function YOURTHEME_qt_ui_tabs_tabset($vars) {
  $output = '<ul>';
  foreach ($vars['tabset']['tablinks'] as $i => $tab) {
    if (is_array($tab)) {
      $output .= '<li class="tab-' . $i . '">'. drupal_render($tab) .'</li>';
    }
  }
  $output .= '</ul>';
  return $output;
}

Be sure to replace "YOURTHEME" with your theme's name and clear the cache on the Performance page so it picks up these changes. That should then add the class names to your tabs.

Hello,
drupal7/quicktabs 7.x-3.0: the first and last tab classes are missing when using quicktabs renderer. excel style looks broken. No problem with drupal6. My quick remedy was to add a couple of lines to theme_qt_quicktabs_tabset function in quicktabs.module

Thanks for this. I used this to add a span and the class of "last" on the last tab.

//Adds Spans Around Quick Tabs Anchors & Adds the class last to the last link. 

function YOURTHEME_qt_quicktabs_tabset($vars) {
  $indexMax = count($vars['tabset']['tablinks']);
  $mycount = 0;

  $output = '<ul class="quicktabs-tabs quicktabs-style-'. $vars['tabset']['#options']['style'] .'">';
  foreach ($vars['tabset']['tablinks'] as $i => $tab) {
  	$mycount++;
    if (is_array($tab)) {
    	if ($mycount < $indexMax){
    	   $active = $i == $vars['tabset']['#options']['active'] ? ' class="active"' : '';
           $output .= '<li'. $active .'>'. drupal_render($tab) . '<span></span>' .'</li>'; /* Spans added on this line */
    	 } else {
    	 $output .= '<li'. ' class="last"' .'>'. drupal_render($tab) . '<span></span>' .'</li>';
    	 }
       }
  }
  $output .= '</ul>';
  return $output;
}

Here's a patch that changes function theme_qt_quicktabs_tabset() to use theme_item_list(), which adds first and last classes.

Sorry, use this one.

The patch in #6 worked beautifully for me.

Really sorry for the delay on this. Committed (with just a small change to initialize the $variables array for readability): http://drupalcode.org/project/quicktabs.git/commit/5831140