I am using QT in a Drupal 7 website. I want to call an image in the Quicktab title instead of Nodetitle (which comes by default). There are only three tabs and I would like to replace their title by arbitrary images.

I am thinking if I can get to the title variable and change it to an image src, I will be able to achieve this.

Can someone tell me where can I find the node title variable in Quicktabs files? And can I replace it with an image variable - that I create as an imagecache field for that content type?

In short, call imagecache image instead of nodetitle. Anyone?

Thanks in advance.

Comments

hypo7675’s picture

hypo7675 commented

Need help too.

G.

druvision’s picture

druvision commented
Status: Active » Closed (duplicate)

This is an instance of a more general issue of how to show HTML on tab titles (http://drupal.org/node/894746). Try the patch there - does it work?

jeeba’s picture

jeeba commented

Suscribing and trying the patch on #2

aascherson’s picture

aascherson commented

I am about to go absolutely nuts over this. Seems so damn simple, but for some reason I CANNOT get the LINK (a) class within the tabs Li class to respond to css. I have the enclosing Li fitted to the right size, with a background image, but I cant get the link text to disappear and its enclosing span/div to fit to the size of the background image.

This should have been simple buts its driving me insane. Apologies if I sound frustrated, but I am sitting here looking at firebug telling me the link class has the correct width and height declared, (not crossed out by something else) yet the damn thing is not showing the right size. I am on d6.

aascherson’s picture

aascherson commented

Here is example of code from firebug:

ul.quicktabs_tabs.quicktabs-style-garland li.active a {
width: 297px !important;
}

This shows the width of the active a item as 297, but its not. WTF? Any insight would be amazing.

vishalgala’s picture

vishalgala commented

I tried doing it with CSS and it worked. please find below the css code for the same:
Similarly you have to apply the css for all the 3 tabs which you created.

#quicktabs-acceralete_data_blocks ul li.first a {
background: url("../images/business-logics-bg.png") no-repeat scroll 10px 5px transparent;
color: white;
margin-right: -5px;
overflow: hidden;
padding: 0 0 100px 20px;
text-indent: -9999px;
white-space: nowrap;
width: 152px;