<p:tooltip> graphic image does not display properly.

[burferd]

Using PF 2.2.1, Glassfish 3.0.1, IE8.

On my main page, when I use
<p:graphicImage value="/resources/Images/CCIDimage.jpg" />
The image displays properly - the size is correct.

However, when I include that same line inside a <p:tooltip> component to display the image as a tool tip, only part of the image is displayed.
The code:

Code: Select all

                    <h:outputLink id="olink" style="position: absolute; top: 825px; left: 275px;" value="#" >
                        <h:outputText value="what's this" />
                    </h:outputLink>
                    <p:tooltip for="olink" targetPosition="topRight" position="bottomLeft"  >
                        <p:graphicImage value="/resources/Images/CCIDimage.jpg" />
                    </p:tooltip>

will only display the left portion of the image - the right portion is truncated.

I tried setting the height and width parameters, but that does not work for the width either.
The height appears to work, but not the width.

Any suggestions?

Thanks.

[MISS_DUKE]

Tooltip is really notorious, I faced many strange problems with tooltip. I has situations where I simply removed tooptips.

[burferd]

The situation is that I need to display an image when the mouse is over a certain link.

Any other way to do that besides tooltip?

[FloatOverflow]

I used p:tooltip in this way and the image is not trucated:

Code: Select all

<p:graphicImage id="test" value="#{resource['img/appbar.arrow.left.png']}" title="Test title"/>
<p:tooltip id="toolTip" for="test" value="This is my tooltip" />

You should not enclose the graphic by tooltip.