I'm trying to use the t:popup component in Tomahawk 1.1.3. It works
just fine when I put it on a h:inputText field on the page. However,
I'm trying to add a when the mouse moves over an image overlay on top of
a map image. The popup appears but it is pushed way off to lower right
of the image. It probably has something to do with the style attributes
of my surrounding t:div's. Here is a section of the code...
<t:div styleClass="noimgborder" id="imageBox" style="position:
relative;">
<!-- the map -->
<t:div id="mapBuffer">
<t:div id="mapImage" style="position: absolute">
<h:graphicImage id="map" url="#{myBean.mapUrl}"
styleClass="imageBorder" />
</t:div>
<t:dataList var="overlay" value="#{myBean.mapOverlays}"
layout="unoderedlist">
<t:div style="position: absolute; margin-left: #{overlay.x}px;
margin-top: #{overlay.y}px;" >
<t:popup id="popupId" closePopupOnExitingElement="true"
closePopupOnExitingPopup="true" >
<h:graphicImage url="#{overlay.image}"/>
<f:facet name="popup">
<h:outputText value="Popup!" />
</f:facet>
</t:popup>
</t:div>
</t:dataList>
</t:div>
</t:div>
Is there something obviously wrong with this that I'm missing? Any help
is appreciated. Thanks,
- Torin
