I'm not sure if this is an issue with the Tabs module or perhaps the theme being used. I've created a set of nested tabs, but the secondary set does not have the same look and feel as the primary set, depending on what theme is being used. For example, if I use something like Garland as the theme, then the secondary tabs are highlighted like the primary tabs. However, if I use something like Interactive Media, then the secondary set doesn't look the same. That isn't necessarily a problem, but there isn't any visual indication as to what tab is currently selected. Am I missing something obvious? :)

Comments

dan.crouthamel’s picture

dan.crouthamel commented

I poked around a bit and I saw the following in tabs.js,

var newClass = $(this).parents('.drupal-tabs').size() > 1 ? 'secondary' : 'primary';

I changed 'secondary' to 'primary' and got the tabs to look the way I want. However, I'm wondering if there is a way to override this at the theme level or in the php code I use to generate the tabs?

dan.crouthamel’s picture

dan.crouthamel commented

Ok, I think I've answered my own question. The primary and secondary classes are defined in system.css. However, I can override that when using the Interactive Media theme by defining what I want in custom.css. Works for me :)

nedjo’s picture

nedjo
he/him/his
Primary language English
commented
Status: Active » Fixed

Status: Fixed » Closed (fixed)

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