Af:showPopupBehavior aligns popup window at top-left window JDev 11.1.1.0.0

Question

Hi,
I am using af:showPopupBehavior to show a popup. I have specified alignid but popup is not align to my component. It is shown at left corner at the top of my browser. I also retried removing alignid and take default setting. No luck.
Here is my code:
<af:panelGroupLayout clientComponent="true" *{color:#ff0000}id="pg1"{color}* layout="scroll" inlineStyle="max-height:#{pageFlowScope.maxHeight == null || pageFlowScope.maxHeight == '' ? '250': '100'}px">
<af:popup id="detailedMessage" contentDelivery="lazyUncached"
launcherVar="source" eventContext="launcher">
<af:outputText value="#{AMFMessagingServiceInstance.currentMessageOwnerId}" escape="false"/>
<af:setPropertyListener from="#{source.attributes.detailedText}" to="#{pageFlowScope.detailedtext}" type="popupFetch"/>
<af:setPropertyListener from="#{source.attributes.detailedText}"
to="#{AMFMessagingServiceInstance.currentMessageOwnerId}" type="popupFetch"/>
</af:popup>
<af:commandButton clientComponent="true" id="alginMe" visible="false" text="test"/>
<af:forEach items="#{pageFlowScope.messageListener.messages}" var="message" varStatus="msgVS">
<af:panelGroupLayout clientComponent="true" layout="horizontal" valign="top" id="testing2">
<f:facet name="separator">
<af:spacer width="20" height="30"/>
</f:facet>
<af:panelGroupLayout id="pg2" clientComponent="true" layout="vertical" inlineStyle="padding:10%;">
<af:image id="image1" shortDesc="#{message.text}" source="#{message.imageFileName}" rendered="#{message.imageFileName != ''}" clientComponent="true">
<af:clientAttribute name="detailedText" value="#{message.detailedText}"/>
<af:showPopupBehavior popupId="detailedMessage" triggerType="click"
{color:#ff0000}*alignId="pg1"*{color}/>
</af:image>
</af:panelGroupLayout>
</af:panelGroupLayout>
</af:forEach>
</af:panelGroupLayout>
I am using this code fragment as a region. JDev version is 11.1.1.0.0. I also noticed if I change popup content deliver type to "lazy", I kind of got desired alignment, but I can't cache my popup window content as it is changing.
Appreciate any help.
Thanks,
Feng

Answer 1

Hi,
I think the problem comes from using the af:forEach element, which only stamps the components. Components that are stamped don't have a client object and just cannot be used for alignment. I think that using af:iterator is the way to do it so instances of the components are created.
Frank
Edited by: Frank Nimphius on Feb 12, 2009 7:16 AM