Thanks for your answer Andrew, but after I removed my HTML, HEAD and BODY tags, I still have my popup at the wrong position. I don't see what I'm doing wrong, so if you have some more advice, it is more than welcome!
Joris Andrew Robinson-5 wrote: > > You should not have HTML and BODY elements if you are using > tr:document, it creates the HTML, HEAD and BODY tags. The popup code > relies on the FORM and BODY tags. That may affect it. Check out the > demo for the proper usage of tr:document (I think the demo uses it). > Change that and let me know if that helps > > -Andrew > > On Tue, Jun 10, 2008 at 1:36 AM, Joris Kimpe <[EMAIL PROTECTED]> wrote: >> >> 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. >> >> > > -- View this message in context: http://www.nabble.com/-TRINIDAD--panelPopup-positioning-tp17735420p17775787.html Sent from the MyFaces - Users mailing list archive at Nabble.com.
