Tooltip with Graphic
Posted: 04 Dec 2019, 00:40
I'm trying to display a graphic for tooltip. Below is my code snippet. I tried to put this image almost everywhere.
webapp/resources/images/logo_allianz.gif
src/main/resources/images/logo_allianz.gif
server/images/logo_allianz.gif
Nothing works. I just get a blank small tool tip like box when I hover over the header text.
<p:panel id="nonParaGroupFap" toggleableHeader="true" toggleable="true">
<f:facet name="header">
<h:outputText id="SectionName" value="#{currSection.friendlyName}"/>
</f:facet>
<p:tooltip id="sectionToolTip" for="SectionName">
<p:graphicImage name="resources/images/logo_allianz.gif" />
</p:tooltip>
</p:panel>
Also, could anyone answer below:
1. Does the graphic image for tooltip has any limitations on extension or size
2. Can we display a html page as tooltip ? If yes, I may not have to convert html pages to graphics
webapp/resources/images/logo_allianz.gif
src/main/resources/images/logo_allianz.gif
server/images/logo_allianz.gif
Nothing works. I just get a blank small tool tip like box when I hover over the header text.
<p:panel id="nonParaGroupFap" toggleableHeader="true" toggleable="true">
<f:facet name="header">
<h:outputText id="SectionName" value="#{currSection.friendlyName}"/>
</f:facet>
<p:tooltip id="sectionToolTip" for="SectionName">
<p:graphicImage name="resources/images/logo_allianz.gif" />
</p:tooltip>
</p:panel>
Also, could anyone answer below:
1. Does the graphic image for tooltip has any limitations on extension or size
2. Can we display a html page as tooltip ? If yes, I may not have to convert html pages to graphics