How to show tooltip for <p:tab>?

[burferd]

Using PF 2.2.1, Glassfish 3.2

I have a <p:tabView> with several tabs.
There are too many tabs to display the full descriptor of the tab, so what I want to do is display a mnemonic and display more information when the user moves the mouse over the tab.
There is no "title" attribute for <p:tab> so I tried to use the <p:tooltip> component, but that does not work.

I have tried using the following code, but it does not work.

Code: Select all

                        <p:tab id="aemTab" title="AEM" >
                            <p:tooltip for="aemTab" value="Consist Header Message" />
                            <comp:rptAem id="rptAemComp" />
                        </p:tab>

Is there any way to get a tooltip type information display to work when you move the mouse over the tab in a tabview?

Thanks.

[Oleg]

Hi,

I'm not sure if p:tab generates a markup. If not - you are not able to use p:tooltip for p:tab. Use e.g. native qTip2 widget http://craigsworks.com/projects/qtip2/ You can use any jQuery selectors for tooltips. Look in Firebug and figure out which CSS selectors has a p:tag. Just my suggestion.

An JSF component for qTip2 based tooltip with many features which this plugin has, will be available in the PrimeFaces Ext. project very soon (maybe already next week) http://code.google.com/p/primefaces-extensions/

[imanzano]

Hi,

For people using primefaces 4.0, there is a "titletip" attribute that can be specified in the "p:tab" tag