1 Reply Latest reply on Jul 27, 2011 9:33 PM by Garam Song

    Tooltips for Inactive Tabs

    Garam Song Newbie

      Hello everyone,

       

      I have a richfaces 3 tabpanel set up with four tabs. I would like to be able to see a tooltip when I place my cursor over any of the tabs.

      This is possible when a tab is active, but doesn't work for inactive tabs.

       

      I think that an equivalent question would be, how do I activate javascript on inactive tabs? I tried to put an alert on all the tabs using the 'onmouseover' event, but it only triggered for the active tab. Please help!

        • 1. Re: Tooltips for Inactive Tabs
          Garam Song Newbie

          Code is:

           

          <rich:tab

            rendered="#{currentUser != null and currentIndividualGuy!=null and currentIndividualGuy.active == true}"

            width="200px" labelWidth="180px" name="myThingTab">

            <f:facet name="label" id="myThingsHeader">

            <h:panelGroup id="myThingsHeaderPanel">

            <h:outputText id="myThingsCount"

            value="#{msgs.myThingHeader} ( #{myThingsController.thingsCount} )"

            styleClass="things-header-text" />

            </h:panelGroup>

                                                                                </f:facet>

            <ui:include src="watchedThingsTable.xhtml">

            <ui:param name="header" value="#{msgs.myThings}" />

            <ui:param name="id" value="myThings" />

            <ui:param name="controller" value="#{myThingsController}" />

            <ui:param name="value" value="#{myThings}" />

            <ui:param name="table" value="#{myThingsTable}" />

            </ui:include>

            <rich:toolTip id="myThingsTableTooltip"

            for="myThingsHeaderPanel" styleClass="tooltip-tabs"

            followMouse="true" direction="top-right" showDelay="200">

                                                                                          #{messages['tooltip.tab.my.things']}

            </rich:toolTip>

            </rich:tab>