It seems it is browser specific.  In Firefox my popup appears in the upper
part of the screen, while in IE, it seems to be positioning correctly. 
However, in IE I can't use the radio buttons or the input textbox (while in
Firefox I can).

I based my application on the demo (which is running and working correctly
on my local tomcat server).  So, if someone knows in which direction I need
to search my solution, please help me...


The structure of my page is:
<html>
        <f:view>
        <tr:document >
                <head>...</head>
        
                <body id=personalShiftPlanOverviewBody">
                        <h:form id="personalShiftPlanOverviewForm">
                                <tr:panelBorderLayout id="overview">
                                        <f:facet name="left">
                                                <t:dataTable ...>
                                                        ...
                                                </t:dataTable>
                                        </f:facet>
                                        
                                        <f:facet name="right">
                                                <tr:panelTabbed 
id="overviewType" position="above">
                                                        <tr:showDetailItem 
id="dayOverview" text="DayOverview">
                                                                
<tr:panelBorderLayout>
                                                                        
<f:facet name="left">
                                                                                
<jsp:include page="dailyOverview.jsp" />
                                                                        
</f:facet>
                                                                
</tr:panelBorderLayout>
                                                        </tr:showDetailItem>
                                                        ...
                                                </tr:panelTabbed>
                                        </f:facet>
                                </tr:panelBorderLayout> 
                                                        
                                <jsp:include page="/common/pageFooter.jsp" />
                        </h:form>
                </body>
        </tr:document>
        </f:view>       
</html> 


The included jsp (dailyOverview.jsp) looks like this:

<html>
        <f:subview id="dailyOverviewTablePage">
                <tr:table ...>
                        ...
                        <tr:column width="30%">
                                <f:facet name="header">
                                        <tr:outputText value="columnHeading" />
                                </f:facet>
                                <tr:panelFormLayout maxColumns="2" rows="2">    
                                                                                
                                         
                                        <tr:table ...>
                                                ...
                                        </tr:table>
                                        
                                        <tr:panelPopup text="create" 
title="Create" modal="true" xoffset="2"
yoffset="2"> 
                                                <tr:panelBox>
                                                        <tr:selectOneRadio 
id="direction" label="Direction">
                                                                <f:selectItem 
itemValue="0" itemLabel="In"/>
                                                                <f:selectItem 
itemValue="1" itemLabel="Out"/> 
                                                        </tr:selectOneRadio>    
                                                
                                                        <tr:inputText id="time" 
label="Time" />
                                                </tr:panelBox>
                                        </tr:panelPopup>
                                        
                                        <tr:table ...>
                                                ...
                                        </tr:table>
                                </tr:panelFormLayout>
                        </tr:column>
                        ...
                </tr:table>
        </f:subview>
</html>



Joris



Andrew Robinson-5 wrote:
> 
> Is it browser specific?
> 
> Do you have the form in the BODY tag, or in another scrolled element
> below the body?
> 
> Check out the live demo of the popup to see it running and using
> relative positioning as well
> 
> On Mon, Jun 9, 2008 at 9:35 AM, Joris Kimpe <[EMAIL PROTECTED]> wrote:
>>
>> Hello all,
>>
>> I'm experimenting with Trinidad on this moment, but I'm stuck...
>>
>> I want to use a panelPopup which is positioned somewhere around my
>> mousepointer click.  But I only get the popup on top of my page.  I
>> thought
>> I should use the xoffset and yoffset, but this didn't do the trick. 
>> Could
>> someone help me out on this one?
>>
>> Thanks!
>>
>>
>> My jsp looks something like this:
>>
>> ----------------------------------------------------------------------------------------------
>>
>> <tr:table id="foobar">
>>        <tr:column>
>>                <f:facet name="header">
>>                        <tr:outputText value="foo" />
>>                </f:facet>
>>                <tr:outputText value="foo"/>
>>        </tr:column>
>>        <tr:column>
>>                <f:facet name="header">
>>                        <tr:outputText value="bar" />
>>                </f:facet>
>>                <tr:panelFormLayout maxColumns="2" rows="2">
>>                        ...
>>                        <tr:panelPopup text="popupTest" title="popuptest"
>> modal="true"
>> xoffset="0" yoffset="0">
>>                                <tr:panelGroupLayout>
>>                                        <tr:panelFormLayout rows="4"
>> maxColumns="1" labelWidth="20%"
>> rendered="true" fieldWidth="80%" >
>>                                                <tr:inputText id="test"
>> label="test"/>
>>                                        </tr:panelFormLayout>
>>                                </tr:panelGroupLayout>
>>                        </tr:panelPopup>
>>                </tr:panelFormLayout>
>>        </tr:column>
>> </tr:table>
>>
>> ----------------------------------------------------------------------------------------------
>>
>>
>> --
>> View this message in context:
>> http://www.nabble.com/-TRINIDAD--panelPopup-positioning-tp17735420p17735420.html
>> Sent from the MyFaces - Users mailing list archive at Nabble.com.
>>
>>
> 
> 

-- 
View this message in context: 
http://www.nabble.com/-TRINIDAD--panelPopup-positioning-tp17735420p17749495.html
Sent from the MyFaces - Users mailing list archive at Nabble.com.

Reply via email to